React hooks组件通信

一、前言

组件通信是React中的一个重要的知识点，下面列举一下 react hooks中常用的父子、跨组件通信的方法

二、父子组件通信

1）父组件传值给子组件

子组件代码:

//子组件
const Child = ({ param1, param2 }) => {
  return <>父组件传递的参数：{param1},{param2}</>
}

---

param1、param2 为子组件接收父组件的传参，父组件代码如下：

父组件代码

//父组件
const Parent = () => {
  return <Child //子组件
    params1="1"
    params2="2"
  />
}

---

运行效果

---

2）子组件传值给父组件

子传父严格来讲还是父传子，父组件传递给子组件ref，子组件将想要暴露给父组件的值放在上面，然后父组件就可以使用其值：

首先需要导入对应的模块包useImperativeHandle、<