Как создать раскрывающийся список с массивом чисел в React -Semantic UI - Dropdown Component?

Question

Я пытаюсь создать раскрывающийся список с помощью React семантического пользовательского интерфейса - раскрывающийся список с использованием массива чисел. Ниже мой код:

 render() {
    const myrange = [100, 200,300,500,1000,2000,3000,5000,7500,10000,15000, 20000, 25000];

    return (
      <React.Fragment>
        <List horizontal relaxed>
          <List.Item>
            <Checkbox
              style={{ paddingLeft: "1em", paddingBottom: "1em" }}
              label={this.props.title}
              checked={this.props.checked}
              onChange={this.props.handleChange}
            />
            <List.Content>
              <Dropdown
                      placeholder="Select"
                      fluid
                      search
                      selection
                      options={myrange.map(merange => ({ label: { merange },

                    }))}
                      // onChange={this.props.handleChange("category")}
                    />

Раскрывающийся список выглядит как скриншот:

Этот код работает и генерирует список пробелов, было бы неплохо получить числа, отображаемые в выпадающем списке ...

Любая помощь будет высоко оценена здесь.

Answer 1

 return (
    <React.Fragment>
    <List horizontal relaxed>
    <List.Item>
      <Checkbox
        style={{ paddingLeft: "1em", paddingBottom: "1em" }}
        label="LABEL"
        checked='checked'
        // onChange={this.props.handleChange}
     ></Checkbox>
      <List.Content>
        <Dropdown
                placeholder="Select"
                fluid
                search
                selection
                options={myrange.map(merange => ({key: merange, text:merange, value: merange }))}
              />      
            </List.Content>
          </List.Item>
       </List>
      </React.Fragment>
  )

Вот так.