我试图将Antd &输入封装在单独的TextBox组件中,这样我就可以添加对自定义本地化的支持,但是如果我在Antd表单中添加自定义组件,验证就无法工作。例如,我想创建一个TextBox组件,它呈现
<Form
name="basic"
labelCol={{ span: 8 }}
wrapperCol={{ span: 16 }}
initialValues={{ remember: true }}
onFinish={onFinish}
onFinishFailed={onFinishFailed}
autoComplete="off"
>
<TextBox
label="Username"
name="username"
rules={[{ required: true, message: 'Please input your username!' }]}
>
</TextBox>
<TextBox
label="Password"
name="password"
rules={[{ required: true, message: 'Please input your password!' }]}
>
<Input.Password />
</TextBox>
<TextBox name="remember" valuePropName="checked" wrapperCol={{ offset: 8, span: 16 }}>
<Checkbox>Remember me</Checkbox>
</TextBox>
<TextBox wrapperCol={{ offset: 8, span: 16 }}>
<Button type="primary" htmlType="submit">
Submit
</Button>
</TextBox>
</Form>发布于 2022-09-03 20:46:19
这是一个非常愚蠢的问题,因为我忘记在输入字段上指定名称,这样就没有验证。
https://stackoverflow.com/questions/73534781
复制相似问题