一、從父組件調用子組件中的方法
在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/zh-hant/n/324452.html
微信掃一掃 
支付寶掃一掃 