在 state 上重新渲染更改反应

Question

i want to re render the app and recall the api every time the page number state changes, i can achieve this if i call the api directly from the Posts.js component without using redux. 但使用 redux 页码我过去到 api url 没有效果和 itemCount 始终未定义

这是调用 api 的结果： 数据：Array(12) [ {...}, {...}, {...}, ... ] 页数：2 结果：12 总帖子数：15

 // redux postAction.js export const listPosts = (newPosts = false, page) => async (dispatch) => { try { dispatch({ type: types.POST_LIST_REQUEST }); let res; if (newPosts) { res = await axios.get(`http://localhost:8080/api/posts?new=true`); } else { res = await axios.get(`http://localhost:8080/api/posts?${page}`); console.log(res); } dispatch({ type: types.POST_LIST_SUCCESS, payload: res.data, }); } catch (err) { dispatch({ type: types.POST_LIST_FAIL, payload: err.response && err.response.data.message? err.response.data.message: err.message, }); } }; // Posts.js component const [page, setPage] = useState(1); const [totalPage, setTotalPage] = useState(1); const [itemCount, setItemCount] = useState(null); const dispatch = useDispatch(); const postList = useSelector((state) => state.postList); const { posts } = postList; useEffect(() => { dispatch(listPosts(false, page)); setItemCount(posts?.totalPosts); console.log(posts?.totalPosts); setTotalPage(posts?.pages); }, [dispatch, page]); const handlePageClick = (data) => { setPage(data.selected + 1); console.log(data.selected + 1); };