（reactjs）私は、次のコンポーネントTimepickerを反応させてきた子コンポーネント値

Question

を取得しますか？

Answer 1

あなたは2通りの方法でこの問題を解決することができます。

1. はSingleTask成分の変化： それはDOMだTimePickerコンポーネントおよびアクセスに参照を追加します。そこから、jQueryセレクターの選択によって入力を照会することができます。ここでは、タグセレクタを使用しています（注：jQueryのインクルードはありません）。

：

export default class SingleTask extends Component{ 
    yourFunction(){ 
    var selectedTime = React.findDOMNode(this.refs.timePickerComp).querySelector('input').value; 
    } 
    render(){ 
    .... 
    <TimePicker ref="timePickerComp" nameID="time" /> 
    ..... 
    } 
} 

（方法を反応させる）子コンポーネントの機能を介してデータを公開：

TimePicker：

export default class TimePicker extends Component{ 
function getSelectedTime(){ 
return document.getElementById(this.props.nameID).value; 
} 
render(){ 
    return(
    <div> 
     <input id={this.props.nameID} type="text"></input> 
     </div>); 
} 
} 

を

シングルタスク：

export default class SingleTask extends Component{ 
    yourFunctionWhereYouNeedTime(){ 
    var timeSelected = this.refs.timePickerComp.getSelectedTime(); // here you'll access the child component data. 
    } 
    render(){ 
    .... 
    <TimePicker ref="timePickerComp" nameID="time" /> 
    ..... 
    } 
}