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调用发送。我似乎理解,但现在他给我一个错误失败的道具类型:无效的道具
选项
类型
对象
提供给
下拉列表
,需要一个数组。示例我的状态