Javascript 如何从react select获取typescript react js中的选定值?
我按照教程在我的react js、typscript项目中使用react select下拉列表。我能够使用下面的代码,但我对react js和typescript是新手。如何在下面的代码中获取所选的值。比如说,在selectHandler函数中,我想比较所选值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
`
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类型,可能是您试图访问该值的位置。这似乎对我有用。这是沙箱-