from select：：Type '{ label: string；value: string；}‘类型'readonly never[]’中缺少以下属性

Question

state = {
  groupPermissionValue: {label: '', value: ''},
}

<Select instanceId="user-group" onChange={this.selectUserGroupOption} 
      value={this.state.groupPermissionValue} 
      options={this.state.groupPermission} id="user-group" className="form-conrol"/>

错误

类型错误:类型'{ label: string；value: string；}‘在“只读never[]”类型中缺少以下属性:长度、连接、连接、切片和16更多。

值格式为"{label: String，value: String}“。但我不知道为什么会有这个错误。

Answer 1

选项应该是如下所示的对象数组，

const options = [
  { value: 'apple', label: 'Apple' },
  { value: 'orange', label: 'Orange' }
];

样本代码:-

import React from 'react';
import Select from 'react-select';

const options = [
  { value: 'apple', label: 'Apple' },
  { value: 'orange', label: 'Orange' }
];

class App extends React.Component {
  state = {
    selectedOption: null,
  };
  handleChange = selectedOption => {
    this.setState(
      { selectedOption },
      () => console.log(`Selected Option:`, this.state.selectedOption)
    );
  };
  render() {
    const { selectedOption } = this.state;

    return (
      <Select
        value={selectedOption}
        onChange={this.handleChange}
        options={options}
      />
    );
  }
}