本文介绍了React中组件之间的交互，通过修改`MyApp`组件和`Navbar`组件的代码展示了如何传递状态并显示在子组件中。`MyApp`组件设置初始状态`name`为'CamperBot'，并将该状态传递给`Navbar`，使得`Navbar`内部的`h1`元素能够显示传递过来的名字。
class MyApp extends React.Component {
constructor(props) {
super(props);
this.state = {
name: 'CamperBot'
}
}
render() {
return (
<div>
{/* 修改这行下面的代码 */}
<Navbar name={this.state.name} />
{/* 修改这行上面的代码 */}
</div>
);
}
};
class Navbar extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
{/* 修改这行下面的代码 */}
<h1>Hello, my name is: {this.props.name} </h1>
{/* 修改这行上面的代码 */}
</div>
);
}
};
扫一扫
6218
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
