javascript - 将 'connect' 与 React-Redux 相乘

标签 javascript reactjs react-redux

我想一起使用react-redux和react-geolocated 。 Booth 使用“命名”导出和默认导出

react-redux 连接人员

const mapStateToProps = (state) => {
    return {
        json: state.json
    }
};

const mapDispatchToProps = (dispatch) => {
    return {
        someLocalMethod: () => dispatch(someRemoteMethod()),
    }
};

export default connect(mapStateToProps, mapDispatchToProps)(Home)

react 地理定位相关连接人员

export default geolocated({
  positionOptions: {
    enableHighAccuracy: false,
  },
  userDecisionTimeout: 5000
})(Home);

如何将这两个导出合并在一起?

最佳答案

试试这个:

//file with geolocated stuff ------------------
...
export default geolocated({
  positionOptions: {
    enableHighAccuracy: false,
  },
  userDecisionTimeout: 5000
})(Home);

//file with react-redux connect stuff --------------
import geoHome from '/pathToGeolocatedHome';
...
export default connect(mapStateToProps, mapDispatchToProps)(geoHome)

关于javascript - 将 'connect' 与 React-Redux 相乘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42140625/

相关文章:

reactjs - 如何将数据从功能组件传递到类组件

javascript - 对窗口大小调整进行 react 更新

javascript - 使用 Redux Saga 并行获取数据

reactjs - 我应该使用 redux 进行所有 API 调用,还是应该将它们简单地保留在组件中?

javascript - 当选项值存在于选择中时,为什么元素不可交互?

javascript - 更改脚本的颜色会创建一个换行符

javascript - javascript 的开窗器关闭问题

javascript - 如何在 dc.js 上创建一个具有多个维度的组

redux - 如何根据状态更改索引路由

javascript - React - 一种统一的方式,如果许多组件在生命周期方法中具有相同的代码段