import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { publicApi } from "../../redux/actions"; import Book from "./layouts/Book"; function AR({ getArList, arList, headerOptions, setHeaderOptions }) { useEffect(() => { setHeaderOptions(headerOptions); getArList(); }, []); return (
{arList.length > 0 && arList.map((book, index) => )}
); } const mapStateToProps = (state) => ({ arList: state.publicApi.arList, }); const mapDispatchToProps = { getArList: publicApi.getArList, setHeaderOptions : publicApi.setHeaderOptions, }; export default connect(mapStateToProps, mapDispatchToProps)(AR);