Reactjs- comboDatePickerの検証と復元状態

Question

こんにちは、私は私のコードで2つの問題持っている：私は名前、ユーザの詳細のような一般的なフィールドを持つフォームを持っている

1. を。私はフォームに生年月日の欄を追加しています。そのためには、comboDatePickerを使用します。問題はフォームを提出しフォームの詳細を修正するために戻ってくるときです。すべてのフィールドは生年月日を除いてそのまま残ります。それはデフォルト値に戻ります。

2. この生年月日を必須とする最も単純な方法は何ですか。以下は

私のコードです：

<Row> 
    <Col sm={6} md={12}> 
     <FormGroup> 
      <Col md={3} mdOffset={1}> 
       <ControlLabel>Date Of Birth</ControlLabel> 
      </Col> 
      <Col md={6}> 
       <ComboDatePicker 
        placeholder="Year,Month,Date" 
        id="dateOfBirth" 
        ref={e => refs.dateOfBirth = e} 
        onValueUpdated={preSaveFormState}                     
     attrsYear={{className:"form-control pull-left", style: {width: "auto"}}} 
     attrsMonth={{className:"form-control pull-left", style: {width: "auto"}}} 
     attrsDate={{className:"form-control pull-left", style: {width: "auto"}}} 
       /> 
      </Col> 
     </FormGroup> 
    </Col> 
</Row> 

Answer 1

あなたはComboDatePickerコンポーネントのdate小道具を設定することができます。

<Row> 
    <Col sm={6} md={12}> 
     <FormGroup> 
      <Col md={3} mdOffset={1}> 
       <ControlLabel>Date Of Birth</ControlLabel> 
      </Col> 
      <Col md={6}> 
       <ComboDatePicker 
        placeholder="Year,Month,Date" 
        date={this.state.date} // you can set and read the date from state 
        id="dateOfBirth" 
        ref={e => refs.dateOfBirth = e} 
        onValueUpdated={preSaveFormState}                     
     attrsYear={{className:"form-control pull-left", style: {width: "auto"}}} 
     attrsMonth={{className:"form-control pull-left", style: {width: "auto"}}} 
     attrsDate={{className:"form-control pull-left", style: {width: "auto"}}} 
       /> 
      </Col> 
     </FormGroup> 
    </Col> 
</Row>