已导出 class 的组件中的 redux 导出

Question

我有一个 react-native 组件 class 定义为导出：

export default class Splash extends React.Component {

我想将 Splash class 连接到 redux 存储，以便我在道具中获得 redux 状态（或者我误解了这个概念？），这样我就可以通过 setState 方法调度操作.我在 Splash.js 中定义了 mapStateToProps 和 mapDispatchToProps （或者我在这里也弄错了吗？）

所以我想做

export default reduxConnect(mapStateToProps, mapDispatchToProps)(Splash);

但是已经导出了。我应该更改 export 行之一吗？我是否需要使用 reduxConnect 来获取带有状态的道具，并使用我的 setState 调度程序方法？

Answer 1

您可以通过以下方式进行

import {connect} from 'react-redux'

class Splash extends React.Component {
  ... rest of the code
  ... dispatch by referencing props from the connector
}

const mapStateToProps = state = ({
   ... bind props to the store values here
})

 const mapDispatchToProps = dispatch = ({
   ... dispatch the actions here
})

export default connect(mapStateToProps, mapDispatchToProps)(Splash)

我建议您查看文档中的示例 here

已导出 class 的组件中的 redux 导出

redux export in component where class already exported

export

dispatcher

react-native

react-redux