入力ボックスに選択した日付が入力されていません

Question

私は日付選択ツールのairbnbの反応日ライブラリを使用しています。しかし、それはredux形式と一緒にそれを使用しながら今働いている。日付を選択ボタンをクリックすると、カレンダーがポップアップします。日付を選択すると、選択した日付の代わりに入力ボックスが空白で表示されます。

私の問題は、選択した日付が入力ボックスに表示されないことです。ここで

は私のコードは、私が選択した日付があまりにも保存されているような方法で入力ボックスに、選択した日付を表示することができますどのように

const renderDateRangePicker = ({ 
    input, 
    focused, 
    onFocusChange, 
}) => (
    <SingleDatePicker 
    id="date_input" 
    onDateChange={(value) => input.onChange(value.date)} 
    onFocusChange={onFocusChange} 
    focused={focused} 
    date={(input.value && input.value.date) || null} 
    className="form-control" 
    /> 
); 

onFocusChange({ focused }) { 
    this.setState({ focused }); 
} 

const { focused } = this.state; 

<Field 
    name="Fecha" 
    onFocusChange={this.onFocusChange} 
    focused={focused} 
    component={renderDateRangePicker} 
/> 

のですか？

Answer 1

次のようにあなたのonDateChange機能と日付小道具を変更

：

onDateChange={(value) => input.onChange(value)} 
date = {input.value || null} 

これはあなたのソリューションを解決する必要があります。