小编Nab*_*ngh的帖子

我正在使用 React formik。我有一个下拉选择选项。选项工作正常，但我希望从下拉列表中将默认值设置为“免费”。如果我在没有点击的情况下提交表单，它会给我的选项值为空白。下面是我的代码：

const defautValue="Free";
const options=["Premium","Gold","Free"]


<Field> 
  {(props: any)=>{
    const {field}=props;
    const defaultOption=<option key='default' value={defaultValue}>{defaultValue}</option>
    const option=options.map((i:string)=>{return (<option key={i} value={i}>{i}</option>)})
    const selectOptions=[defaultOption,...option]
    return (
       <div>
       <select value={field.value}{...field}>{selectOptions}</select>
       </div>
         )
  }}
</Field>