reactjs - 将参数传递给 `connect()` 中的 mapStateToProps

Question

如何将参数传递给 mapStateToProps()？

EG:

const mapStateToProps = (state, dimenType: string) => {

  var jsonVariable = {}
  for(var i=1; i <= 3; i++) {
    jsonVariable[dimenType + i] = dimenType + i
  }
  console.log(jsonVariable)
  return {
    width1: state.get('width').get('width1').toString(),
    width2: state.get('width').get('width2').toString(),
    width3: state.get('width').get('width3').toString()
  }
}

这是我不确定的一点:

Width = connect(
  mapStateToProps(/*redux store goes here somehow*/, 'thickness'),
  mapDispatchToProps
)(Width)

我希望 Redux 存储仍然传递到 mapStateToProps 中，但也传递 "thickness"。如何在 connect() 函数中执行此操作？

Answer 1

connect的第二个参数是 ownProps这是传递给 Component 的 props 。因此，根据您的情况，您可以像这样使用它:

const mapStateToProps = (state, ownProps) => {
  let jsonVariable = {}
  for(var i=1; i <= 3; i++) {
    jsonVariable[dimenType + i] = ownProps.dimenType + i
  }
  console.log(jsonVariable)
  return {
    width1: state.get('width').get('width1').toString(),
    width2: state.get('width').get('width2').toString(),
    width3: state.get('width').get('width3').toString()
  }
}

我假设您正在像这样创建组件:<Width thickness={10}/>