Javascript 为什么我得到“Select.js:1555未捕获类型错误:无法读取未定义的属性'isSelectOptGroup'”
我是一个新的反应者,我试图通过从虚拟api获取来在下拉列表中显示动态值。但是我的select.js出现错误,我的网页显示为空白Javascript 为什么我得到“Select.js:1555未捕获类型错误:无法读取未定义的属性'isSelectOptGroup'”,javascript,reactjs,Javascript,Reactjs,我是一个新的反应者,我试图通过从虚拟api获取来在下拉列表中显示动态值。但是我的select.js出现错误,我的网页显示为空白 class Test extends React.Component { constructor(props) { super(props); this.state = { dropdown:[] }; this.g
class Test extends React.Component
{
constructor(props) {
super(props);
this.state = {
dropdown:[]
};
this.getJSONdata=this.getJSONdata.bind(this);
}
componentWillMount() {
this.getJSONdata();
}
getJSONdata()
{
var temp=[];
fetch('http://dummy.restapiexample.com/api/v1/employees')
.then((response) => {
return response.json();
})
.then((myJSON)=>
{
console.log(JSON.stringify(myJSON));
for(let i = 0; i<15;i++)
{
var data = myJSON[i];
var joined = {value:data.employee_name};
temp.push(joined);
}
console.log("obtained jSON data" + JSON.stringify(temp));
this.setState({
dropdown:temp});
});
}
render()
{
return (
<select
id = "test"
options={this.state.dropdown}
</Select>
);
}
export default Test;
运行时,我遇到错误:
未捕获的TypeError:无法读取的属性“isSelectOptGroup”
未定义
我错在哪里?有人能帮我解决这个问题吗。已经很晚了,但如果您正在使用AntD,我希望它能有所帮助 您的选择组件写错了。Ant Design select没有选项道具。 把你的代码改成这个
<Select
value={this.state.yourValue}
onSelect={this.onValueSelected}>
{
this.state.dropdown.map((item: any, index: number) => {
return <Option key={index} value={item.value}>
{item.label}
</Option> })
}
</Select>
如果你写了其他东西,你会得到同样的错误,虽然已经晚了,但如果你使用的是AntD,我希望它能有所帮助 您的选择组件写错了。Ant Design select没有选项道具。 把你的代码改成这个
<Select
value={this.state.yourValue}
onSelect={this.onValueSelected}>
{
this.state.dropdown.map((item: any, index: number) => {
return <Option key={index} value={item.value}>
{item.label}
</Option> })
}
</Select>
如果您在这两者之间编写任何其他内容,当它告诉您无法读取属性“isSelectOptGroup”时,您将得到相同的错误,请将这部分代码放在示例中。您的示例中没有isSelectOptGroup isSelectOptGroup在哪里?相应地更新代码或问题可能您正在使用而不是组件?我认为您正在为所选组件使用库,您能指定它是哪个库吗?如果它是您创建的自定义组件,您可以粘贴该组件的代码吗?您传递给该组件的选项中似乎缺少某些内容。Antd的Select组件没有选项。当它告诉您无法读取属性“isSelectOptGroup”时,请将这部分代码放在示例中。您的示例中没有isSelectOptGroup isSelectOptGroup在哪里?相应地更新代码或问题可能您正在使用而不是组件?我认为您正在为所选组件使用库,您能指定它是哪个库吗?如果它是您创建的自定义组件,您可以粘贴该组件的代码吗?您传递给该组件的选项中似乎缺少某些内容。Antd的选择组件没有选项属性