react 父组件给子组件传值（props）

最新推荐文章于 2023-10-29 08:32:29 发布

砥砺前行前程似锦

最新推荐文章于 2023-10-29 08:32:29 发布

阅读量1k

点赞数

分类专栏： react 文章标签： react.js 前端

本文链接：https://blog.csdn.net/fan2016434589/article/details/128978276

版权

react 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

react 父组件给子组件传值的一个方法是使用props，具体方法如下：

组件首字母要大写，参数为props，是个对象，属性作为key，内容为值，

function Child(props){
  const handleClick = ()=>{
    props.onClick && props.onClick(props.name)
  }
  return (
    <div>
      <div>this is the child: {props.name} </div>
      <div onclick={handleClick}>click</div>
    </div>
  )
}
function App(){
  const handleClick = (name)=>{
    console.log('父组件的name',name)
  }
  return (
    <div className='appstyle'>
      <Child name="ningning" onClick={handleClick}></Child>
      <Child name="luyi" onClick={handleClick}></Child>
      <Child name="mm" onClick={handleClick}></Child>
    </div>
  )
}