react + antd 输入框验证数字大小

Question

项目是react + antd ，有两个InputNumber组件，‘堆场总面积’和‘覆盖堆场面积’，要求第二个输入框不能大于第一个，要怎么写验证条件？

<Form.Item name='yardArea' label='堆场总面积（m²）' rules={[{ required: true, message: '请输入!' }]} style={{ marginBottom: 0 }}>
                      <InputNumber disabled={disabled} min={0} />
                    </Form.Item>

<Form.Item name='coverYardArea' label="覆盖堆场面积（m²）" style={{ marginBottom: 0 }} rules={[{ required: true, message: '请输入!' }]}>
                        <InputNumber disabled={disabled} min={0} />
                      </Form.Item>

Answer 1

这是在一个弹框里面吗？可以先获取输入框里面的值

Answer 2

可以先获取第一个输入框的值，然后给第二个输入框设置input事件监测当前输入值与第一个值的关系。