react组件传参(组件通讯方式)
warning:
这篇文章距离上次修改已过444天，其中的内容可能已经有所变动。
在React中，组件间通信通常通过props（属性）进行。以下是一个简单的例子，展示了如何在父组件和子组件之间传递参数。
// 子组件 - 接收参数
function ChildComponent(props) {
return <div>Hello, {props.name}!</div>;
}
// 父组件 - 传递参数
function ParentComponent() {
const name = 'World';
return <ChildComponent name={name} />;
}
// 渲染父组件到DOM
ReactDOM.render(<ParentComponent />, document.getElementById('root'));在这个例子中，ChildComponent 是一个子组件，它通过props接收一个名为name的参数。ParentComponent 是一个父组件，它通过props将字符串'World'传递给子组件。当你渲染ParentComponent时，它会渲染ChildComponent并传递name属性。
评论已关闭