Question

我在表单中有两个DayPickerInput字段，并希望将它们标记为必填字段但不知道如何。有人可以帮忙吗？

        <FormGroup row>
            <Col md="4">
                <Label htmlFor="begin">Begin</Label>
            </Col>
            <Col xs="12" md="8">
                <DayPickerInput value={this.state.begin}
                                format={settings.formatDate} />
            </Col>
        </FormGroup>
        <FormGroup row>
            <Col md="4">
                <Label htmlFor="end">End</Label>
            </Col>
            <Col xs="12" md="8">
                <DayPickerInput value={this.state.end}
                                format={settings.formatDate} />
            </Col>
        </FormGroup>

更新：我尝试使用inputProps：

<DayPickerInput inputProps={required} />

但得到了错误：

ReferenceError: required is not defined

Answer 1

我尝试使用inputProps：
<DayPickerInput inputProps={required} /> 
但得到了错误：
ReferenceError: required is not defined

这是如何将对象作为prop传递：

<DayPickerInput 
   inputProps={
     { required: true }
   } 
/>

Answer 2

您必须在表单验证级别实现它。 Checkout Formik：

https://github.com/jaredpalmer/formik

是否可以根据需要设置反应日选择器的输入字段？

2 个答案: