Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 使用react/redux在onChange中选择选项_Reactjs_Redux_React Redux - Fatal编程技术网

Reactjs 使用react/redux在onChange中选择选项

Reactjs 使用react/redux在onChange中选择选项,reactjs,redux,react-redux,Reactjs,Redux,React Redux,我在玩react和redux,我不能做一些我认为应该微不足道的事情 我有一个组件,只是一个选择与几个选项。我只想在用户使用所选值选择其他选项时更新我的redux存储。 我想我已经很接近了,但我不知道如何将新值传递给我的减速机 代码如下: const StoresList = ({ onChangeSelect, value }) => ( <div> <select defaultValue = {value} onChange= {() => onC

我在玩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
conststoreslist=({onChangeSelect,value})=>(
onChangeSelect(???)}>
MyStore
你的商店
我们的商店
)
常量mapStateToProps=状态=>{
返回{
值:state.currentStore
}
}
const mapDispatchToProps=调度=>{
返回{
onChangeSelect:idStore=>{
调度(变更存储(idStore))
}
}
}
//connect是一个收集存储、行为和视图的函数
//它返回我们真正想要使用的组件
const StoresListContainer=connect(mapStateToProps、mapDispatchToProps)(StoresList)
导出默认StoresListContainer
我在代码中加入“
”以显示我的无知。 现在,插件chrome for redux看到了我的操作,但我不知道如何传递select的新值。

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