Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.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
Javascript 如何从react select获取typescript react js中的选定值?_Javascript_Reactjs_Typescript - Fatal编程技术网

Javascript 如何从react select获取typescript react js中的选定值?

Javascript 如何从react select获取typescript react js中的选定值?,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,我按照教程在我的react js、typscript项目中使用react select下拉列表。我能够使用下面的代码,但我对react js和typescript是新手。如何在下面的代码中获取所选的值。比如说,在selectHandler函数中,我想比较所选值 ` if ( this.state.someValue == 'b") ` 我得到一个错误,因为this.state.someValue不是字符串。如何在用户选择值后提取该值 import * as React from

我按照教程在我的react js、typscript项目中使用react select下拉列表。我能够使用下面的代码,但我对react js和typescript是新手。如何在下面的代码中获取所选的值。比如说,在selectHandler函数中,我想比较所选值

`
  if ( this.state.someValue == 'b") 
`
我得到一个错误,因为this.state.someValue不是字符串。如何在用户选择值后提取该值

import * as React from "react";
import Select, {ValueType} from 'react-select';
 
interface SomeState { someValue: ValueType<{ value: string; label: string; }>; }
 
const opt = [{ value: 'a', label: 'awesome' }, { value: 'b', label: 'boring' }];
 
export class someClass extends React.Component<any, SomeState> {
 constructor(props: any) {
   super(props);
   this.state = { someValue: null}
 }
 
 public render(): JSX.Element {
  return ( <>
    <Select value={this.state.someValue} onChange={this.selectHandler} options={opt} />
  </> );}

 private selectHandler (selectedFromPlace: ValueType<{ value: string; label: string; }>): 
  void {
        this.setState({ someValue});
    };
}`
import*as React from“React”;
从“反应选择”导入选择,{ValueType};
接口SomeState{someValue:ValueType;}
const opt=[{value:'a',label:'awesome'},{value:'b',label:'boring'}];
导出类someClass扩展React.Component{
构造器(道具:任何){
超级(道具);
this.state={someValue:null}
}
public render():JSX.Element{
报税表(
);}
私有selectHandler(selectedFromPlace:ValueType):
空虚{
this.setState({someValue});
};
}`

您的值是带有键
标签和
值的object类型。仅从所选选项中提取值

在选择处理程序中,您将在名称
selectedFromPlace
中获得所选选项


因此,要仅获取您需要执行的值,请执行以下操作:
selectedFromPlace.value

您使用的是哪个版本的react-select?版本16.13.1编辑了我的答案。不,当我尝试selectedFromPlace?时,仍然不起作用。value,我得到的错误属性“value”在类型“{value:string;label:string;}| options类型我猜是,我必须将该对象强制转换为OptionsType类型,可能是您试图访问该值的位置。这似乎对我有用。这是沙箱-