gpt4 book ai didi

reactjs - 如何显示自动完成错误

转载 作者:行者123 更新时间:2023-12-03 21:11:53 25 4
gpt4 key购买 nike

我正在使用 React Hook Forms。

<Controller
control={control}
rules={{ required: "Required" }}
error={errors.state ? true : false}
helperText={errors.state && errors.state.message}
name="state"
as={
<AutoComplete
options={stateOptions}
onChange={selectStateHandler}
label="State"
value={selectedState}
/>
}
/>
辅助文本正在使用 TextField但不是 Autocomplete . TextField边框颜色因错误而变化,我希望与 Autocomplete 相同.

最佳答案

Autocomplete使用 TextField 渲染输入,所以你只需要对文本字段做同样的事情来显示错误

<Autocomplete
...
renderInput={(params) => (
<TextField
error={true}
helperText="Example error"
{...params}
label="Combo box"
variant="outlined"
/>
...
)}
/>
下面是预览代码和框
Edit Material demo

关于reactjs - 如何显示自动完成错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63278933/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com