react Context 使兄弟组件拿值的方法

首先创建 context 实例

import React, { Context } from 'react'

export const createContext = <T extends object>(defaultValue: T): Context<T> =>
  React.createContext(defaultValue)

export const context = createContext<any>({})

紧接着在你的跟组件引入它

import React from 'react'
import store from './hooks/index'   // 引入你的公用方法仓库
import { context } from './context' // 引入你的 context 实例

export default () => {
  const storeData = store() // 将你的共享仓库交给 storeData 这个变量

  return (
    <context.Provider value={storeData}> // 使用 Provider（供应者） value属性将公用方法导入
      <div>
        <div>压力性损伤患者</div>
      </div>
    </context.Provider>
  )
}

然后如果有某个组件需要用到了，写法如下：

import React, { useContext } from 'react'
import { context } from '../../_context'

export default () => {

  const { tableData } = useContext( context )

  return (

  )

时小记，终有成。