javascript - 使用 redux react 原生 index.js

Question

我是 React 和 React Native 的新手。

我有一个包含多个组件的文件夹，我已经能够创建一个 index.js 文件来导出该文件夹内的所有组件，因此在其他组件中我可以执行以下操作:

# /components/OneComponent.js
...
export { OneComponent }

# index.js
import { OneComponent } from './components'
```

现在我正在使用 Redux，我想完成同样的事情，但我不知道该怎么做。在我的组件中，我按如下方式导出组件:

# /component/OneComponent.js
export default connect(mapStateToProps, { myFunction})(OneComponent);

我猜应该是这样的

export { connect(mapStateToProps, { myFunction})(OneComponent) };

但它无法编译。

Answer 1

刚刚测试了一下。

您可以通过将 connect 调用的结果分配给 const 来解决错误，然后像这样导出该 const。

const comp1 = connect(mapStateToProps)(MyComponent);

export {comp1 as MyComponent};