Значение свойства ANTD React Select Option отсутствует - PullRequest
Новая
       155

Значение свойства ANTD React Select Option отсутствует

2 голосов
/ 06 августа 2020

Я относительно новичок в React. Я изучал интерфейс реакции ANTD и хотел реализовать выпадающий выбор с опцией фильтра. Я нашел ниже фрагмент кода на официальном сайте ANTD. 

import { Select } from 'antd';

const { Option } = Select;

const children = [];
for (let i = 10; i < 36; i++) {
  children.push(<Option key={i.toString(36) + i}>{i.toString(36) + i}</Option>);
}

function handleChange(value: any) {
  console.log(`selected ${value}`);
}

ReactDOM.render(
  <Select mode="tags" style={{ width: '100%' }} onChange={handleChange} tokenSeparators={[',']}>
    {children}
  </Select>,
  mountNode,
);

Но когда я попробовал то же самое, я получал ошибку, похоже, что некоторые проблема с самим компонентом ANTD. 

Property 'value' is missing in type '{ children: string; key: string; }' but required in type 'OptionProps'.ts(2741)
index.d.ts(9, 5): 'value' is declared here.

1 Ответ

1 голос
/ 07 августа 2020

Для каждого компонента antd Option требуется уникальное свойство value. Измените ваш l oop на: 

const children = [];
for (let i = 10; i < 36; i++) {
  children.push(
    <Option value={i.toString(36) + i} key={i.toString(36) + i}>
      {i.toString(36) + i}
    </Option>);
}
...