我使用 formik 和 Material UI 构建了一个简单的联系页面。除了我使用 Material UI 组件而不是常规输入标签时,一切都正常。似乎程序无法读取 Material UITextField
组件中的值。
这有效:
<Field
name="name"
id="outlined-textarea"
label="First Name"
variant="outlined"
margin="dense"
component='input'
/>
<ErrorMessage name="name" className="errorMsg" component="p" />
这不起作用:
<Field
name="lastName"
id="outlined-textarea"
label="Last Name"
component={TextField}
variant="outlined"
margin="dense"
/>
<ErrorMessage name="lastName" className="errorMsg" component="p" />
我在这里创建了一个代码沙箱。