import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { book} from '../../../../redux/actions' import { Link } from "react-router-dom"; import Product from '../../../../components/Product'; import Button from "../../../../components/Button"; import ScrollContainer from "react-indiana-drag-scroll"; const Part2 = ( { books, getBooks, grades} ) => { console.log({books}) const [filter, setFilter] = useState({ search: "", grade: "", productsType: "کتاب", }); useEffect(() => { getBooks(); }, []); return (

کتاب های جدید

{ books?.slice(15,24).map((product, index) => ( ))}
) } const mapStateToProps = (state) => ({ books: state.book.list, isDark: state.publicApi.isDark, }); export default connect(mapStateToProps, { getBooks: book.list })(Part2);