一、从父组件调用子组件中的方法
在React中，父组件可以通过props将方法传递给子组件，从而使得子组件能够访问到该方法并调用执行。具体实现方法如下：
{`//父组件
class ParentComponent extends React.Component {
alertMessage() {
alert('Hello, I am from child component!')
}
render() {
return (
)
}
}
//子组件
class ChildComponent extends React.Component {
render() {
return (
)
}
}`}
上述代码中，父组件通过props将alertMessage方法传递给了子组件的onClick属性，子组件中的button元素通过该属性绑定了点击事件，当点击button时，就能调用父组件中的alertMessage方法。
二、父组件调用子组件ref
在React中，可以通过refs在父组件中获取到子组件的实例，从而可以直接调用该实例中的方法。但需要注意的是，这种方式不是React推荐的做法，因为它会让父组件依赖于子组件的具体实现方式，容易造成代码结构混乱。代码实现如下：
{`//父组件
class ParentComponent extends React.Component {
handleClick() {
const childComponent = this.refs.childComponent;
childComponent.alertMessage();
}
render() {
return (
原创文章，作者：EHLXU，如若转载，请注明出处：https://www.506064.com/n/324452.html
微信扫一扫 
支付宝扫一扫 