2017-04-03 3 views
0

私はMaterial UIからデータピッカーを持っていて、データピッカーからのデータの更新状態を単に機能させます。しかし、私は2つのステップでそれを行う必要があります:最初のデータピケットはデータを取得し、追加のボタンをクリックした後の状態は更新されます。またはこのボタンをクリックした後、小道具は子供にプッシュされます。私はそれを見つけることを試みるが、reactJSはまだ私のために少し複雑です。私を助けてください。ReactJS、Material UI setは追加のボタンの後にある

これは私のコードです:

var DataPickerField = React.createClass({ 

getInitialState: function() { 
      return { 
        toInsert: '' 
      }; 
    }, 

    setFechaDesde(e,data){ 
     this.setState({ 
      toInsert: data 
     }) 
}, 

    render: function(){ 
    console.log(this.state.toInsert); 
    return(
     <div> 
     <MuiThemeProvider> 
      <DatePicker 
       hintText = "Wybierz datę" 
       onChange={(e, data) => this.setFechaDesde(e,data)} 
       defaultDate={new Date()} 
      /> 

     </MuiThemeProvider> 
     <MuiThemeProvider> 
      <RaisedButton label="OK" /> 
     </MuiThemeProvider> 
     <Insert valToInsert = {this.state.toInsert} /> 
    </div>) 
} 
}) 

module.exports=DataPickerField; 
+0

あなたはまた、あなたのsetFechaDesde関数を書くことができますか? – Gayane

答えて

0

[OK]を、私はそれを把握します。ボタンは子コンポーネント内にある必要があります。それから、私はそれを使用して、親から状態を必要とする残りのコードを実行することができます。それは私が望んでいたものほどエキサイティングではありませんが、私は何をすべきかです。あなたの問題を申し訳ありません

関連する問題