reactjs - Material-UI 自动完成 : how to set as a required field

Question

我正在使用 Material UI 自动完成功能(多个)构建一个表单。我需要该字段。但是当我使用选定的值提交表单时，它总是显示该字段是必需的消息。
只有选项多个= true，才会出现此问题。

有谁知道如何解决问题？

sandbox中的代码示例

Answer 1

尝试检查文本字段的输入 Prop 中输入值数组的长度是否为 0。

<Autocomplete
      includeInputInList={false}
      options={options}
      getOptionLabel={(option) => option.name}
      onChange={(event, newValue) => {
        setValue(newValue);
      }}
      value={value}
      renderInput={(params) => (
        <TextField
          {...params}
          variant="standard"
          label={"Names"}
          inputProps={{
            ...params.inputProps,
            autoComplete: "new-password",
            required: value.length === 0
          }}
          required={true}
        />
      )}

sample 在 codesandbox