reactjs - 多个组件文件连接到redux

Question

如何使用 connect() 函数将具有多个组件的文件连接到 redux？

我在导出的底部组件中连接了其他组件。可以连接。

我已经像这样连接了其他的，但是在多个文件中我不能像那样导出。

const PageKierowcyTableView = (props) =>{
return (
    <JSX>
  )
};
export connect(mapStateToProps,actions)(PageKierowcyTableView )

export const PageKierowcyTableView = (props) =>{
return (
    <JSX>
  )
};


export const PageRozliczeniaNaMoimAucieTable = (props) => {
  return (
    <JSX>
  );
};

export const PageRozliczeniaNaSwoimAucieTable = (props) => {
    return (
      <JSX>
    );
  };
};

标签： reactjsreduxreact-reduxreact-hooks

Answer 1

您可以使用命名导出而不是默认导出。例如

const PageKierowcyTableView = (props) => ...;

const PageRozliczeniaNaMoimAucieTable = (props) => ...;

const PageRozliczeniaNaSwoimAucieTable = (props) => ...;

export const ConnectedPageKierowcyTableView = connect(mapStateToProps,actions)(PageKierowcyTableView)

export const ConnectedPageRozliczeniaNaMoimAucieTable = connect(mapStateToProps,actions)(PageRozliczeniaNaMoimAucieTable)

export const ConnectedPageRozliczeniaNaSwoimAucieTable = connect(mapStateToProps,actions)(PageRozliczeniaNaSwoimAucieTable)

根据您的组件，您可能还会有不同的mapStateToProps实现。