ANT JS выберите не отображать значения реагировать

Question

Я новичок, чтобы реагировать. Мне нужно выбрать на моей веб-странице. У меня есть массив, который выглядит следующим образом:

databaseList =  ["information_schema", "ResumeParser", "analystor", "analystor_check", "mysql", "performance_schema", "plugin_testing", "sys", "wordpress"]

Я хочу сопоставить этот массив с Select.
В нормальном Select в HTML это работает, вот код,

<select >
    <option value='None'>None</option>
    {
        this.state.databaseList.map((database) => {
            return (<option value={database}>{database}</option>)
        })
    }
</select>

Но в Ant JS select это показывает ошибку, Вот код Ant js,

<Select mode="single" placeholder="Please select Database" style={{ width: '370px' }}>
    {
        this.state.databaseList.map((database) => {
            return (
                <Option value ={database}>
                    {database}
                </Option>)
        })
    }
</Select>

Ошибка, которую я получил:

Я не знаю, что я делаю неправильно в AntJS select. Я просмотрел документы Ant JS, но не могу решить свою проблему. Помогите мне с некоторыми решениями.

Answer 1

Ваш код должен работать, единственная проблема в том, что databaseList может быть undefined.

class App extends React.Component {
  state = {
    databaseList: [
      'information_schema',
      'ResumeParser',
      'analystor',
      'analystor_check',
      'mysql',
      'performance_schema',
      'plugin_testing',
      'sys',
      'wordpress'
    ]
  };

  render = () => {
    return (
      <Select
        mode="single"
        placeholder="Please select Database"
        style={{ width: '370px' }}
      >
        {Array.isArray(this.state.databaseList) &&
          this.state.databaseList.map(database => {
            return <Option value={database}>{database}</Option>;
          })}
      </Select>
    );
  };
}