这篇文章将为大家详细讲解有关react中子组件是什么意思，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
在react中，将某段代码封装成一个组件，而这个组件又在另一个组件中引入，那么引入该封装的组件的文件叫做父组件，被引入的组件就叫做子组件。
有时候我们经常分不清什么是父组件，什么又是子组件。现在来简单说下：我们将某段代码封装成一个组件，而这个组件又在另一个组件中引入，而引入该封装的组件的文件叫做父组件，被引入的组件叫做子组件。
react中直接调用子组件的方法（非props方式）
我们都知道在 react中，若要在父组件调用子组件的方法，通常我们会采用在父组件定义一个方法，作为props转给子组件，然后执行该方法，可以获取到子组件传回的参数以得到我们的目的。
显而易见，这个执行是需要去主动触发的。
那有没有一种方式，方法在子组件定义好，可以直接在父组件去调用呢？
答案是必然的。
上代码
计算
安全
数据库
网络和加速
企业服务
import React, {Component} from "react";
import { Button } from "antd";
//父组件
export default class Parent extends Component {
render() {
return(
<div>
<p>这是父组件</p>
<Child triggerRef={this.bindRef} />
<Button type="primary" onClick={this.btnClick} >click</Button>
</div>
)
}
bindRef = ref => { this.child = ref }
btnClick = () => {
this.child.getValuefromChild()
}
}
//子组件
class Child extends Component {
componentDidMount(){
this.props.triggerRef(this)
}
//这是子组件的方法
getValuefromChild = () => console.log("this is child value.")
render() {
return <div>这是子组件</div>
}
}关于react中子组件是什么意思就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
