React知识点总结(四)

React知识点总结

文章目录

  • React知识点总结
  • 前言
  • 一、要获取checkBoxGroup的value
    • 1.使用useRef()
    • 2.使用useState()
    • 3.回调函数

前言

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

一、要获取checkBoxGroup的value

<Modal>
	<CheckBoxGroup/>
Modal>

解决方法:

1.使用useRef()

onchage事件里用 useRef()创造出来的ref对象保存最新checkedLIst

2.使用useState()

因为在同一个组件中,所以可以用useState()作为的value

3.回调函数

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

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

你可能感兴趣的:(React知识点总结(四))