我正在嘗試使用 redux 存儲(chǔ)從 API 中檢索一組產(chǎn)品。為了實(shí)現(xiàn)這一點(diǎn)，我創(chuàng)建了 actions 和 reducers，一個(gè) functionmapStateToProps()和一個(gè) function mapDispatchToProps()，后者包含一個(gè) function fetchProducts()，它在動(dòng)作文件中定義并且在調(diào)用時(shí)應(yīng)該檢索產(chǎn)品列表。所有這些都是通過(guò)以下方式完成的：這是概覽組件，它應(yīng)該渲染數(shù)據(jù)（實(shí)際渲染被省略了，因?yàn)樗挥绊戇@個(gè)問(wèn)題）：import React, {Component} from 'react';import {connect} from 'react-redux';import PropTypes from 'prop-types'import fetchProductsAction from '../actions/ProductFetchingActionFile'import {bindActionCreators} from 'redux';export class Overview extends Component {    constructor(props) {        super(props);    }    componentDidMount() {        this.props.fetchProducts();    }    render() {        return(                  <h1>test</h1>        )    }}const mapStateToProps = state => ({    error: state.rootReducer.productsReducer.error,    products: state.rootReducer.productsReducer.products,    pending: state.rootReducer.productsReducer.pending,})const mapDispatchToProps = dispatch => bindActionCreators({    fetchProducts: fetchProductsAction }, dispatch)Overview.propTypes = {    fetchProducts: PropTypes.func}export default connect(mapStateToProps, mapDispatchToProps)(Overview);這是操作文件 (ProductFetchingActionFile)：import {    PREFIX,    FETCH_PRODUCTS_PENDING,    FETCH_PRODUCTS_SUCCESS,    FETCH_PRODUCTS_ERROR} from "./types";function fetchProductsPending() {    return{        type: FETCH_PRODUCTS_PENDING    }}function fetchProductsSuccess(products) {    return{        type: FETCH_PRODUCTS_SUCCESS,        products: products    }}function fetchProductsError(error) {    return{        type: FETCH_PRODUCTS_ERROR,        error: error    }}