react中怎样在父组件中获取子组件中的Dom


我想通过父组件的this.refs.addTemplateReport来获取子组件<AddTemplateReport />,是可以获得到的。但是想继续获取子组件<AddTemplateReport />里的Dom就获取不到了。
代码截图如下:

以下是父组件的子组件<AddTemplateReport />在父组件里的代码。
代码截图如下:


子组件<AddTemplateReport />的代码如下:


我在div中添加了ref=epiceditor想通过子组件的refs来获取这个Dom;但是失败了!
我尝试在控制台输出下:

结果控制台输出的是undefined:

请大侠们解答谢谢了。


官网已经不推荐使用ref=字符串的形式, 后来就没用了refs这种形式了, 大多是使用ref=() => {}箭头函数的形式来获取

class Parent extends PureComponent {
  componentDidMount() {
    console.log(this.child._input) // 这里就能拿到子组件的input
  }
  render() {
    return (
      <div>
        <Childed ref={r => this.child = r} />
      </div>
    )
  }
}

class Childed extends PureComponent {

  render() {
    return (
      <div>
        <input type="text" ref={r => this._input = r} />
      </div>
    )
  }
}


this.refs.xxx 是一个什么那


ReactDOM.findDOMNode



相关阅读:
php哪些情况可以获取来源网站的域名
在Linux上用forever实现Node.js项目自启动,windows上相同功能的命令是什么?
资讯中心搭建思路问题。
如果说声明的变量和函数的都要占用栈或堆内存的空间 那么是否应该有选择的尽量减少声明
iOS中, 想要使用七牛的云储存功能, 请问应该如何手动导入
微信小程序的image组件的宽高不能用内联样式吗?
webpack安装loader时提示文件不存在 打开package.json
对于top right bottom left为负时怎么判断距离
typeof 输入框里面的值 就算输入为数字还是返回string
hcharts怎么设置dataLabels中的边框只有右边有
shiro的标签<shiro:principal/>显示不了内容?
自己在写博客,通过样式和功能方面想请求点意见和建议
mac创建ipv6 wifi热点无法上网
es6 + webpack在微信下没反应
laravel 5.3 passport遇到一些坑
swift3 实机测试 SWTableviewCell无法载入
shell脚本变量作用域的问题
vue怎么加载外部js?????????
如何把一个视图放在左浮动定位的视图的上面?
在线创建站点怎么实现?



快速导航

Copyright © 2016 phpStudy |