请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

父组件通过refs获取子组件真实dom节点的问题?

回答1 浏览1801 2017-03-04 09:32:51

父页面

// root.js
import React from 'react';
import ReactDom from 'react-dom';
import RootCild from './components/rootChild';

export default class Root extends React.Component{
	componentDidMount(){
		console.log(this.refs.root)
		console.log(this.refs.rootChild)
	}
	render(){
		return(
			<div>
				<h1 ref='root'>Root</h1>
				<RootCild ref='rootChild' />
			</div>
			
		);
	};
}
ReactDom.render(<Root/>,document.getElementById('example'))

子页面

var React = require('react');
export default class RootChild extends React.Component{
	render(){
		return(
			<div>RootChild</div>
		)
	}
}

结果

//szimg.mukewang.com/58ba16c70001f7c007490268.jpg

我我尝试了很多方法,有一种方法有效,在子组件中添加另外一个ref,定义一个方法

getChildDom(){
		return this.refs.child_inner_ref
	}

在父组件中调用this.refs.rootChild.getChildDom()可以获得子节点。

问题是:

有没有简单的方法获取子组件的真实dom节点,我以前看过一个教程好像是通过findDomNode(this.refs.rootChild)就可以获得,现在不可以了

该问题答案只有购买此课程才可进行查看~

结合基础与实战学习React.js 独立开发新闻头条平台

难度初级
时长15小时23分钟
人数2712
评分9.4分

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

讲师

ParryKK 其它

邱鹏源,先后在支付宝、Cuscapi就职,先后担任支付宝高级软件工程师、Cuscapi核心数据传输架构师等职务。饭妈妈创始人,技术博客推荐博主,微软技术社区精英,和微软合作录制过IE10的推广视频。多年软件开发经验(MIS,F&B),主要从事ASP.NET(C#),熟悉Web前端技术,擅长Web性能优化和调优,喜欢软件架构及项目管理。http://u2l.info/3iBXWX

意见反馈 帮助中心 APP下载
官方微信