如何在 React -Semantic UI - Dropdown Component 中生成带有数字数组的下拉列表？

Question

我正在尝试使用 React 语义生成下拉菜单 UI - 使用数字数组的下拉菜单。以下是我的代码：

 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>
  )

就像那样。

如何在 React -Semantic UI - Dropdown Component 中生成带有数字数组的下拉列表？

How to generate a Drop down with an array of numbers in React -Semantic UI - Dropdown Component?

reactjs

semantic-ui-react