美文网首页
react中父元素如何调用子元素的方法

react中父元素如何调用子元素的方法

作者: louhangfei | 来源:发表于2017-07-03 15:29 被阅读0次

通常情况下,子元素通过回调函数可以轻易调用父元素的方法。然而在有些情况下,父元素需要调用子元素的方法。这时候应该怎么做呢?
首先给子元素增加一个ref
假如子元素封装成<Plan></Plan>,在plan内部有一个onSubmit方法,现在在子元素的外部有一个按钮,当点击按钮时,获取子元素的所有input值。
<Plan ref='plan'></Plan>
父元素按钮的onclick事件为:
onClick(){this.refs.plan.onSubmit()}

相关文章

  • react中父元素如何调用子元素的方法

    通常情况下,子元素通过回调函数可以轻易调用父元素的方法。然而在有些情况下,父元素需要调用子元素的方法。这时候应该怎...

  • js 父子元素的调用

    一. jquery 的父子页面间元素的获取和方法调用: 父页面获取子页面元素: 父页面调用子页面方法: 子页面获取...

  • 零基础学vue-组件传值

    其他的方式 子组件直接调用父元素的方法,不用自定义事件 选择商品 子组件直接调用父元素中的变量进行操作 选择商品 ...

  • react中父组件调用子组件的方法

    react中父组件调用子组件的方法 最近项目中用到了react,需要在父组件中调用子组件的某个方法,那么如何获取到...

  • jquery代码

    jQuery()调用('加标签')创建节点父元素.append(子元素)放在最后子元素.appendTo(父元素)...

  • vue 点击事件获取当前点击元素

    点击子元素,触发父元素方法。获取子元素属性

  • vue中ref的作用

    基本用法 1 本页面获取dom元素 2 获取子组件中的data子组件 父组件 3 调用子组件中的方法子组件 父组件...

  • 清除浮动

    存在父元素 方法一:父元素添加 overflow:hidden方法二:父元素同子元素一起添加 float:left...

  • 2017.11.23

    React如何在父组件里面调用子组件的方法在父组件中引用子组件时,给子组件定义ref='name',父组件通过th...

  • 2.CSS 设置居中的4种方法

    亮闪闪的效果图 如何垂直居中一个属性为item的div元素? 1、方法一 已知子元素宽高,父元素随意; 设置父元素...

网友评论

      本文标题:react中父元素如何调用子元素的方法

      本文链接:https://www.haomeiwen.com/subject/catzcxtx.html