Reactjs 警告:[antd:Checkbox]`value`不是validate prop,您的意思是`checked`吗?
我正在用Reactjs使用Reactjs 警告:[antd:Checkbox]`value`不是validate prop,您的意思是`checked`吗?,reactjs,antd,ant-design-pro,Reactjs,Antd,Ant Design Pro,我正在用Reactjs使用antddesign。找到此警告,但无法跟踪问题 以下代码: <Form.Item> {getFieldDecorator('order_receiver', { defaultChecked: true, rules: [ { required: false, message: 'Offer!',
antd
design。找到此警告,但无法跟踪问题
以下代码:
<Form.Item>
{getFieldDecorator('order_receiver', {
defaultChecked: true,
rules: [
{
required: false,
message:
'Offer!',
},
],
})(
<Checkbox className="ps-checkbox">Order Receiver</Checkbox>,
)}
</Form.Item>
{getFieldDecorator('order_receiver'{
默认选中:正确,
规则:[
{
必填项:false,
信息:
“出价!”,
},
],
})(
订单接收人,
)}
要删除此警告,您需要在表单项上添加valuePropName
prop,如下所示
<Form.Item name="checkbox" valuePropName="checked">
{getFieldDecorator('order_receiver', {
defaultChecked: true,
rules: [
{
required: false,
message:
'Offer!',
},
],
})(
<Checkbox className="ps-checkbox">Order Receiver</Checkbox>,
)}
</Form.Item>
{getFieldDecorator('order_receiver'{
默认选中:正确,
规则:[
{
必填项:false,
信息:
“出价!”,
},
],
})(
订单接收人,
)}
将valuePropName=“checked”
放在getFieldDecorator
中
{getFieldDecorator('order_receiver'{
默认选中:正确,
规则:[
{
必填项:false,
信息:
“出价!”,
},
],
valuePropName:“选中”
})(
订单接收人,
)}