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