单击按钮时,我无法访问年龄!我得到了警报,但没有年龄。得到了类似“他的年龄是[object Object]”的信息。谢谢!
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>
);
}
}
在Hello组件更改时,未使用您期望的参数调用函数:
<button onClick={() => {this.props.handleAge(this.props.age)}}>Click</button>
您需要包装它并传递所需的变量。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句