子組件調(diào)用父組件的函數(shù)在React中，在子組件中調(diào)用父組件的函數(shù)是通過(guò)props實(shí)現(xiàn)的。下面是一個(gè)例子，展示了如何在子組件中調(diào)用父組件的函數(shù)。

首先，創(chuàng)建父組件，命名為ParentComponent。在父組件中，定義一個(gè)函數(shù)handleClick，該函數(shù)將在子組件中被調(diào)用。

```javascript

importReactfrom'react';

classParentComponentextendsReact.Component{

handleClick(){

console.log('Thisistheparentcomponentfunction');

}

render(){

return(

<div>

<h1>ParentComponent</h1>

<ChildComponenthandleClick={this.handleClick}/>

</div>

);

}

}

exportdefaultParentComponent;

```

然后，創(chuàng)建子組件，命名為ChildComponent。在子組件中，通過(guò)props接收傳遞過(guò)來(lái)的handleClick函數(shù)，并在需要的時(shí)候進(jìn)行調(diào)用。

```javascript

importReactfrom'react';

classChildComponentextendsReact.Component{

render(){

return(

<div>

<buttononClick={ps.handleClick}>Clickme</button>

</div>

);

}

}

exportdefaultChildComponent;

```

在上面的代碼中，我們將父組件的handleClick函數(shù)通過(guò)props傳遞給子組件，并通過(guò)onClick事件將其綁定到子組件中的按鈕上。當(dāng)按鈕被點(diǎn)擊時(shí)，子組件會(huì)調(diào)用父組件中的handleClick函數(shù)。

需要注意的是，通過(guò)props將函數(shù)傳遞給子組件時(shí)，不要在函數(shù)的末尾加括號(hào)，否則函數(shù)會(huì)立即執(zhí)行。正確的寫(xiě)法是將函數(shù)本身作為props進(jìn)行傳遞。

現(xiàn)在，在父組件中調(diào)用handleClick函數(shù)將打印出"Thisistheparentcomponentfunction"。當(dāng)點(diǎn)擊子組件中的按鈕時(shí)，也會(huì)觸發(fā)父組件中的handleClick函數(shù)，從而實(shí)現(xiàn)了子組件調(diào)用父組件的函數(shù)。

另外，如果需要在子組件中傳遞參數(shù)給父組件的函數(shù)，可以通過(guò)箭頭函數(shù)進(jìn)行封裝。例如，在子組件中定義一個(gè)函數(shù)，當(dāng)按鈕被點(diǎn)擊時(shí)調(diào)用handleClick，并傳遞一個(gè)參數(shù)。

```javascript

importReactfrom'react';

classChildComponentextendsReact.Component{

handleClick(){

constdata='Hellofromchildcomponent';

ps.handleClick(data);

}

render(){

return(

<div>

<buttononClick={()=>this.handleClick()}>Clickme</button>

</div>

);

}

}

exportdefaultChildComponent;

```

在上面的代碼中，我們?cè)谧咏M件的handleClick函數(shù)中定義了一個(gè)data變量，并將其作為參數(shù)傳遞給父組件的handleClick函數(shù)。父組件可以接收到子組件傳遞過(guò)來(lái)的參數(shù)，并