Javascript 使用redux响应native index.js

Javascript 使用redux响应native index.js,javascript,reactjs,react-native,redux,react-redux,Javascript,Reactjs,React Native,Redux,React Redux,我是React和React母语的新手 我有一个包含多个组件的文件夹,我已经能够创建一个index.js文件来导出文件夹中的所有组件,因此在其他组件中我可以执行以下操作: # /components/OneComponent.js ... export { OneComponent } # index.js import { OneComponent } from './components' ``` 现在我正在与Redux合作,我想完成同样的事情,但我不知道怎么做。在我的组件中,我按如下方式

我是React和React母语的新手

我有一个包含多个组件的文件夹,我已经能够创建一个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) };

但是它没有编译。

我认为问题不在于Redux,导入和导出ES6方法很混乱。例如:

  • 示例1(使用导出默认值
    ):
导出默认内容时,不应使用{}进行导入

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

# index.js
import AnyName from './components/OneComponent.js'

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

# index.js
import { OneComponent } from './components/OneComponent.js'
  • 示例2(不带导出默认值的
    ):
尝试命名对象键

##CORRECT
# /components/OneComponent.js
...
export { OneComponent: connect(mapStateToProps, { myFunction})(OneComponent) };

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

##WRONG
# /components/OneComponent.js
...
export { connect(mapStateToProps, { myFunction})(OneComponent) };

# index.js
//It wont find the key OneComponent on exported object
import { OneComponent } from './components'

从索引导出组件时,需要按如下方式导出组件:

export{connect(MapStateTopps,mapDispatchToProps)(组件名称)}

然后在index.js中:
export*自'YourComponentRoute

请记住,如果导出为默认值,则导出的是唯一对象的实例。如果导出{},则导出的是对象的“副本”。

刚刚测试过

您可以通过将connect调用的结果分配给一个常量,然后像这样导出该常量来解决错误

const comp1 = connect(mapStateToProps)(MyComponent);

export {comp1 as MyComponent};

您是否尝试过导出默认连接(mapStateToProps,myFunction)(OneComponent);是的,如果我这样做,当我从“/components”导入{OneComponent}时,
它是未定义的。嗨,如果我在组件js文件中导出,我会在connect的括号中得到一个javascript错误,上面写着“预期”<代码>导出{connect(mapstatetops,{getSchedules})(schedulescreen)}第一个例子是我现在正在做的事情。第二个示例不适用于我,我在两个点中收到一个错误,这两个点表示“预期”
export{schedulescreen:connect(mapStateToProps,{getSchedules})(schedulescreen)}
Hi@Robsonsjre,我已经用基本代码创建了一个github repo,你能检查一下吗?非常感谢。