react通过ref,让hooks使用class组件的方法
【摘要】 下图是class通过ref使用class组件的方法: <ComTableView onRef={(ref) => { this.TableView = ref }}//ref />如果要让hooks通过ref使用class组件的话,可以先声明一个全局变量TableView:var TableView;//全局定义const PushGroup =...
下图是class通过ref使用class组件的方法:
<ComTableView
onRef={(ref) => { this.TableView = ref }}//ref
/>
如果要让hooks通过ref使用class组件的话,可以先声明一个全局变量TableView:
var TableView;//全局定义
const PushGroup = () => {
//这里是你的hooks内容
再在调用处这样写即可
<ComTableView
onRef={(ref) => { TableView = ref }}
/>
被调用组件的写法
直接在componeDidMount中将自己赋值与调用组件的方法中(与class使用class组件方法的写法一致)
componentDidMount() {
this.props.onRef(this);
}
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)