2017-01-31 34 views
0

ボタンをクリックすると年齢にアクセスできません!私は警告を受け取りますが、年齢は取得しません。 '彼の年齢は[オブジェクトオブジェクト]'のようなものがあります。ありがとうございました!あなたはそれをラップし、必要な変数を渡す必要が引数付きのprop関数の呼び出し方法

<button onClick={() => {this.props.handleAge(this.props.age)}}>Click</button> 

class Hello extends React.Component { 
    render() { 
    return (<div> 
       <h1>{this.props.name}</h1> 
       <button onClick={this.props.handleAge}>Click 
       </button> 
      </div> 
    ) 
    } 
} 

class App extends React.Component { 

     alertAge (age) { 
     alert('His age is ' + age); 
    } 

    render() { 

    return (
     <div> 
     <Hello name="Eric" age={25} handleAge={this.alertAge}/ >    
     <Hello name="Dyna" age={30} handleAge={this.alertAge}/ > 
     <Hello name="Boss" age={8} handleAge={this.alertAge}/ > 

     </div> 
    ); 
    } 
} 

答えて

1

あなたの機能がお使いのHelloの成分変化に、あなたが期待する引数で呼び出されていません。

1

alertAge関数に変数を渡していません。

class Hello extends React.Component { 
    render() { 
    return ( 
     <div> 
      <h1>{this.props.name}</h1> 
      <button onClick={() => { this.props.handleAge(this.props.age) }}> 
       Click 
      </button> 
     </div> 
    ) 
    } 
} 
関連する問題