React知识点总结（四）

React知识点总结

前言

在项目中遇到需要父组件获取子组件值时发现，useRef并不能获取到所有React组件（Antd组件）的实例，这取决于改组件是否暴露出了组件实例属性。

一、要获取checkBoxGroup的value

<Modal>
	<CheckBoxGroup/>
</Modal>

解决方法：

1.使用useRef()

在<CheckBoxGroup/>的onchage事件里用 useRef()创造出来的ref对象保存最新checkedLIst。

2.使用useState()

因为<Modal>和<CheckBoxGroup/>在同一个组件中，所以可以用useState()作为<CheckBoxGroup/>的value

3.回调函数

若不在同一个组件，使用回调函数传给子组件。

补充：defaultValue 和 value 不会在初始化显示时冲突。