原文：React 通过forwardRef获取函数组件内某个DOM节点或者子组件的实例
在React当中，function组件返回的是一段jsx代码，对于function组件本身来说，是没有实例的，因此如果我们在引用一个function组件时如果设置了一个ref属性是无效的，React还会做出一些检查并给出错误提示，例如: 执行后控制台输出如下: 意思就是对于function组件来说，不能给他直接给他设置ref，另外打印出来的也是null 对于function组件来说，我们可以用Re ...
2020-04-23 08:02 0 2813 推荐指数：
相关推荐
在class组件中我们会用render返回一系列的组件或者DOM节点，有时我们需要获取某一个DOM节点或者子组件的实例，然后去对他进行一些手动的操作，我们可以在componentDidMount生命周期函数内通过DOM选择器来获取对应的DOM对象，但是这不是很方便，因为很多需要都需要我们保存对应 ...
我们知道在react中，常用props实现子组件数据到父组件的传递，但是父组件调用子组件的功能却不常用。文档上说ref其实不是最佳的选择，但是想着偷懒不学redux，在网上找了很多教程，要不就是hook的讲的太少，要不就是父子组件傻傻分不清，于是只好再啃了一下文档，就学了一下其它hook的api ...
我们知道在react中，常用props实现子组件数据到父组件的传递，但是父组件调用子组件的功能却不常用。文档上说ref其实不是最佳的选择，但是想着偷懒不学redux，在网上找了很多教程，要不就是hook的讲的太少，要不就是父子组件傻傻分不清，于是只好再啃了一下文档，就学了一下其它hook的api ...
目录： js文件中的函数组件： 首字母大写、有返回jsx的函数组件 也可以直接调用函数，实现函数组件引用。 函数组件里可以返回一个字符串： 但是没有返回值就会报错： 组件之间写内容不会展示出来： 组件身上写 ...
1. 直接new Component() 组件本身也是class，可以new，这样的组件实例意义不大 2. ReactDOM.render返回组件实例(React新版本已失效，返回null) 3. ref回调函数返回组件实例(React新版本可用) ...
写在前面 React 的函数组件是 React 组件的另一种定义方式，两种方式都可以用于定义组件，但是相比于类组件，函数组件要更简单好用些。 组件名一般要大写，是为了在组件使用时与一般的 html 标签区分开 1. 创建方式 函数组件的创建方式就是定义一个函数，这个函数 return ...