Reactjs react select:：Type“{label:string；value:string；}”缺少类型“readonly never[]”中的以下属性 状态={ groupPermissionValue:{label:，value:}， } 错误

类型错误：类型“{label:string；value:string；}”缺少类型“readonly never[]”中的以下属性：长度、concat、连接、切片等

---

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

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

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}
      />
    );
  }
}

---

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

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}
      />
    );
  }
}

---

您将单个对象指定给选项道具，该道具需要包含标签和值的对象数组您将单个对象指定给选项道具，该道具需要包含标签和值的对象数组