React 获得dom节点和组件通信

通过REF 实例对象的.current属性获得绑定的DOM节点

组件通信

组件通信 1 父传子

父组件传递数据

子组件接受数据

通过pros对象接受

子组件的形参列表props只读

props中数据不可修改

特殊情况

在子传父的过程中没有直接给子组件添加属性，而是向父组件中添加其他标签

组件通信 2 子传父

  const getMessage = function(msg){
    console.log(msg)
  }
  // 创建子组件
  function Outspring({getM}){
    // 传递的内容
    const msg =`这是儿子需要传递的内容`
    

    return <div>
      <button onClick={() => getM(msg)}>点击我给父传递数据</button>
    </div>
  }

组件通信 3 兄弟之间通信

可以通过 兄弟1 利用 子传父 (属性传递函数表达式作为变量)传递给父，兄弟2再利用父传子(props)传递给兄弟2

第一部分：子传父