useContext
提示:以下是本篇文章正文内容,下面案例可供参考
一、useContext是什么?
嵌套组件传值。
二、使用步骤
1.引入库
代码如下(示例):
import React from 'react'
export default React.createContext<any>(null)
2.不用useContext
代码如下(示例):
/**
* 想要实现爷孙传参,这是一种,但比较麻烦————>①号
*/
import React from 'react'
import myContext from './index'
const Sunzi2 = () => {
return <h3>
Sunzi二号
{
/* ①号:如果有很多个孙子组件,每一个都要写这么多相同的 */}
<myContext.Consumer>
{
(result) => {
return <div>{
result}</div