サードパーティの状態を親から変更する

Question

私はサードパーティのコンポーネントを使って日付を選択しています。その日付の状態を親コンポーネントから更新したいと思います。それはサードパーティのコンポーネントなので、私は少し制限があります。たとえば、状態の変化を聞くように指示することです。

どのような考えですか？

childComponent.state.dateRange = newState; または childComponent.setState({foo: newState});

Answer 1

あなたは日付ピッカーの日付を変更するには、親の状態を使用することができます。私のような何かをしたいと思います。パラメータとしてnewDateでthis.ChangeDateを使用して、次の例

class Parent extends React.Component { 
    constructor(props){ 
    super(props) 
    this.state = { 
     date: '20/04/2016 16:23:56', 
    } 
    } 
    changeDate(newDate) { 
    this.setState({ 
     date: newDate, //Change the date here 
    }) 
    } 
    render() { 
    return <Calendar 
     dateFormat="DD/MM/YYYY HH:mm:ss" 
     defaultDate={this.state.date} 
    /> 
    } 
} 

コールchangeDate()を参照してください。これは、datepickerの日付を変更します。

希望します。