如果react/material ui中需要道具，请更改TextField边框颜色

Question

如果需要，则显示TextField边框颜色为红色，一旦输入值，则显示无红色边框。请点击链接查看图片。

输入值

无值，带必填字段

Answer 1

您可以在TextField的error上设置一个条件，如下所示<TextField variant="outlined" label="Amount" name="amount' helperText={touched.amount ? errors.amount : ''} error={touched.amount && Boolean(errors.amount)} fullWidth />