如何将第一个选项设置为空？答案

【问题标题】：How to set the first option as empty?如何将第一个选项设置为空？
【发布时间】：2021-03-16 23:42:24
【问题描述】：

我想将选择字段的第一个值设置为空值。该示例托管在https://codesandbox.io/s/material-demo-forked-xlcji。

目前，美元符号被设置为默认值。但是我想设置一个空值作为默认值。

【问题讨论】：

你可以在这里添加你的组件而不是链接吗？

【解决方案1】：

这是我平时的做法。

const [currency, setCurrency] = React.useState("0");

<TextField
  id="outlined-select-currency-native"
  select
  label="Native select"
  value={currency}
  onChange={handleChange}
  SelectProps={{
    native: true
  }}
  helperText="Please select your currency"
  variant="outlined"
>
  <option value="0" disabled>-- select currency --</option>
  {currencies.map((option) => (
    <option key={option.value} value={option.value}>
      {option.label}
    </option>
  ))}
</TextField>

【讨论】：

我改变了我的例子。请你看一下。
您应该将此值设置为“”。
我已将值设置为“”，但仍然无法正常工作。我做错了什么？

【解决方案2】：

     <option value=""></option>
      {currencies.map((option) => (
        <option key={option.value} value={option.value}>
          {option.label}
        </option>
      ))}

【讨论】：

不会将“空”添加为货币。