アクセス、参考文献はで

Question

に反応：

class Sliders extends React.Component { 
    render() { 
    return (
     <div> 
     <Slider ref="first" update={this.props.update} /> 
     <Slider ref="second" update={this.props.update} /> 
     <Slider ref="third" update={this.props.update} /> 
     </div> 
    ) 
    } 
} 

を、私はこれを行う方法があり、それはREFです使用して値にアクセスし、別のコンポーネントを設定したいですか？

class App extends React.Component { 
    sliderUpdate(){ 
     console.log(ReactDOM.findDOMNode(this.refs.third).value) 
    } 
    render() { 
     return (
      <div> 
       <Sliders update={this.sliderUpdate} /> 
      </div> 
     ) 
    } 
} 

これは、参照がAppクラスに継承されないように思われるため動作しません。

Answer 1

これはrefsを使用せずに解決できます。このcodepen