対応するボタンの値属性を取得する方法は？

Question

buttonPress = (event) => { console.log(event.props.value)} 

    <RaisedButton ref={(button) => { this.RaisedButton = button; }} label="Primary" value = "year" onTouchTap={()=>this.buttonPress(this.RaisedButton)} primary={true} /> 

上記のように1つのボタンをレンダリングしようとすると、値が得られます。しかし、複数のボタンをレンダリングすると、すべてのボタンの最後のボタンの値だけが取得されます。どんなボタンをクリックしてもyearが得られます。

buttonPress = (event) => { console.log(event.props.value)} 

     <RaisedButton ref={(button) => { this.RaisedButton = button; }} label="Primary" value = "day" onTouchTap={()=>this.buttonPress(this.RaisedButton)} primary={true} /> 
<RaisedButton ref={(button) => { this.RaisedButton = button; }} label="Primary" value = "month" onTouchTap={()=>this.buttonPress(this.RaisedButton)} primary={true} /> 
<RaisedButton ref={(button) => { this.RaisedButton = button; }} label="Primary" value = "year" onTouchTap={()=>this.buttonPress(this.RaisedButton)} primary={true} /> 

対応するボタンの値はどのように取得できますか？

Answer 1

ボタンへの参照は1つだけ保持し、refコールバックはお互いを上書きします。代わりに、あなたはは、3つの別々の参照にそれらを分割できます。サイドノートで

<RaisedButton ref={(button) => { this.RaisedButtonDay = button; }} label="Primary" value = "day" onTouchTap={()=>this.buttonPress(this.RaisedButtonDay)} primary={true} /> 
<RaisedButton ref={(button) => { this.RaisedButtonMonth = button; }} label="Primary" value = "month" onTouchTap={()=>this.buttonPress(this.RaisedButtonMonth)} primary={true} /> 
<RaisedButton ref={(button) => { this.RaisedButtonYear = button; }} label="Primary" value = "year" onTouchTap={()=>this.buttonPress(this.RaisedButtonYear)} primary={true} /> 

---

、何をbuttonPressに渡していることは、イベントオブジェクトではなく、ボタン自体への参照ではありません。