Question

我是新来的反应者，我试图通过从虚拟api中获取来显示下拉列表中的动态值。但是select.js出现错误，我的网页显示为空白。

  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' 未定义

我要去哪里错了？谁能帮我解决这个问题。

Answer 1

已经晚了，但希望对您有帮助，如果您使用的是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>

如果您在<Select> </Select>之间写了其他任何内容，也会得到相同的错误

为什么我收到“ Select.js：1555 Uncaught TypeError：无法读取未定义的属性'isSelectOptGroup'”

1 个答案: