Question

我正在玩react和redux，我不能做一些在我看来应该是微不足道的事情。

我有一个只有少数几个选项的组件。当用户选择具有所选值的其他选项时，我只想更新我的redux商店。我觉得我很接近，但我无法弄清楚如何将新值传递给我的减速器。

以下是代码：

const StoresList = ({ onChangeSelect, value }) => (
  <div>
    <select defaultValue = {value}  onChange= {() => onChangeSelect(???)}>
      <option value="12">MyStore</option>
      <option value="15">YourStore</option>
      <option value="18">OurStore</option>
    </select>
  </div>
)

const mapStateToProps = state => {
  return {
    value: state.currentStore
  }
}

const mapDispatchToProps = dispatch => {
  return {
    onChangeSelect: idStore => {
      dispatch(changeStore(idStore))
    }
  }
}

//connect is a function that gathers the store, the behavior and the view
//It returns the component that we really want to use
const StoresListContainer = connect(mapStateToProps, mapDispatchToProps)(StoresList)
export default StoresListContainer

我在代码中加上“???”以显示我无能为力的地方。至于现在，redux的插件chrome看到了我的动作，但我不知道如何传递select的新值。

Answer 1

<select defaultValue = {value}  onChange= {(e) => onChangeSelect(e.target.value)}>

使用react / redux

1 个答案: