多个组件文件连接到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>
);
};
};

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实现。