在reactjs中渲染动态值时将初始选项值设置为--select--

Question

预计还会有一个选项-选择选项-最初然后在reactjs中允许一个，两个三个选项，这是我的小提琴

function GetListItems(props) {
    const numbers = props.numbers;
      const listItems = numbers.map((number, index) =>{
          return(

                    <option key={number}>
                        {number}
                    </option>
                )
      })
      return (
        <select>{listItems}</select>
      );

}

https://jsfiddle.net/f7L3xmqt/

Answer 1

您必须将此选项添加到阵列中。

const records = ["One", "Two", "Three"];
const recordsWithInitialValue = ["--Select Option--"].concat(records);