React-Hooks的useContext()共享状态钩子使用与实现

例：需要在ComponentOne和ComponentTwo中共享父组件的状态

// 两个子组件共享父组件状态
<div>
	<ComponentOne/>
	<ComponentTwo/>
</div>

// 使用 React Context API，在组件**外部**建立一个 Context
const AppContext = React.createContext({})

// 使用AppContext.Provider提供的Context对象，这个对象可以被子组件共享
<AppContext.Provider value={{
	message:'信息'
}}>
	<div>
		<ComponentOne/>
		<ComponentTwo/>
	</div>
</AppContext.Provider>

// 子组件ComponentOne中使用
const { message } = useContext(AppContext)//useContext()钩子函数用来引入 Context 对象，从中获取message属性。

<div>
	{message}
</div>