Reactjs 从状态下拉获取当前值
我需要从状态到函数中获取所选的当前值,但我不知道我做错了什么Reactjs 从状态下拉获取当前值,reactjs,semantic-ui,Reactjs,Semantic Ui,我需要从状态到函数中获取所选的当前值,但我不知道我做错了什么 <Dropdown placeholder="Select Friend" fluid selection options={accountsList} value={accountsList.value} onChange={this.handleChange} /> // onChange function onChange = (e, { value }) => this.setSt
<Dropdown
placeholder="Select Friend"
fluid
selection
options={accountsList}
value={accountsList.value}
onChange={this.handleChange}
/>
// onChange function
onChange = (e, { value }) => this.setState({ value })
// function where i need to get value
const acc = this.state.accountsList.value
const year = this.state.years.value
const months = this.state.months.value
axios
.get(`http://******/cabinet/invoice/${acc}/${year}/${months}`,
//onChange函数
onChange=(e,{value})=>this.setState({value})
//需要获取值的函数
const acc=this.state.accountsList.value
const year=this.state.years.value
const months=this.state.months.value
axios
.get(`http://*****/cabinet/invoice/${acc}/${year}/${months}`,
我敢说,选择的当前值更可能存在于onChange=({value})=>this.setState({value})
中,即:它将位于回调的第一个参数中,而不是第二个参数中
什么是下拉库?我敢说,选择的当前值很可能存在于onChange=({value})=>this.setState({value})
中,即:它将位于回调的第一个参数中,而不是第二个参数中
什么是下拉库?如果没有完整且最低限度的代码,我的最佳猜测是您在
下拉列表组件中调用了错误的函数onChange
。您还需要通过事件.target.value
检索在更改时传递给的值
由于更新嵌套对象的状态,value
是accountsList
的子对象,因此必须对其进行深度克隆
像这样:
this.setState({accountsList:{…this.state.accountsList,value:newValue}});
在您的示例中:
<Dropdown
placeholder="Select Friend"
fluid
selection
options={accountsList}
value={accountsList.value}
onChange={this.handleChange}
/>
handleChange = (event) => {
this.setState({ accountsList: { ...this.state.accountsList, value: event.target.value} });
};
handleChange=(事件)=>{
this.setState({accountsList:{…this.state.accountsList,值:event.target.value}});
};
如果没有完整且最低限度的代码,我的最佳猜测是您在下拉列表组件中调用了错误的函数onChange
。您还需要通过事件.target.value
检索更改时传递给的值
由于更新嵌套对象的状态,value
是accountsList
的子对象,因此必须对其进行深度克隆
像这样:
this.setState({accountsList:{…this.state.accountsList,value:newValue}});
在您的示例中:
<Dropdown
placeholder="Select Friend"
fluid
selection
options={accountsList}
value={accountsList.value}
onChange={this.handleChange}
/>
handleChange = (event) => {
this.setState({ accountsList: { ...this.state.accountsList, value: event.target.value} });
};
handleChange=(事件)=>{
this.setState({accountsList:{…this.state.accountsList,值:event.target.value}});
};
请创建一个最小、完整的示例,以便有人能更容易地帮助您。此代码不会编译,例如onChange不会传递给组件。显示您使用的下拉列表库我使用react.semantic-ui.com/modules/Dropdown请创建一个最小、完整的示例,以便有人能更容易地提供帮助您。此代码不会编译,例如onChange未传递给组件。显示您使用的下拉列表库我使用react.semantic-ui.com/modules/Dropdown如果我在onChange函数中执行控制台,那么在控制台中我将获得当前值,但如果我在onChangef中执行控制台,我需要向服务器提供当前值函数,然后在控制台中我将获得当前值,但我需要将当前值提供给服务器哦,这很酷,谢谢,但是现在我如何才能将当前值从状态中提取出来并发送到后端?它存储在您的状态中。就像您现在所做的那样:const acc=this.state.accountsList.value
,然后通过yo发送它你的axios调用。我似乎理解,但现在他给了我一个错误失败的道具类型:无效的道具选项类型对象,提供给下拉列表,需要一个数组。例如我的状态哦,很酷,谢谢,但是现在我如何将当前值从状态中提取出来并发送到后端?它存储在你的状态中。就像你现在做的那样:const acc=this.state.accountsList.value
。并通过axios调用发送。我似乎理解,但现在他给我一个错误失败的道具类型:无效的道具选项
类型对象
提供给下拉列表
,需要一个数组。示例我的状态