一、基本介紹
React 是一個非常流行的 JavaScript 庫，用於構建用戶界面。React 的主要思想是組件化，允許將 UI 拆分為獨立的、可復用的部分。React 組件有狀態和無狀態兩種，類組件和函數組件。類組件比函數組件更強大，可以使用生命周期方法，可以使用狀態等功能。
在 React 中，組件之間的通信常用兩種方式：父子組件通信和兄弟組件通信。而在父子組件通信的場景中，有時子組件需要調用父組件的方法來處理一些事情。這裡我們將針對這種情況，詳細介紹如何實現 React 子組件調用父組件方法。
二、在子組件中調用父組件方法
在 React 中，子組件通過 props 接收父組件傳遞的方法，並在需要時調用該方法。這種方式稱為「回調函數」，因為父組件傳遞的方法在子組件需要時被調用，並回傳參數。
下面我們通過一個例子來演示如何在子組件中調用父組件的方法。
// 父組件
import React, { Component } from 'react';
import Child from './Child';class Parent extends Component {
handleMethod = () => {
console.log('Hello from Parent!');
}
render() {
return (
原創文章，作者：XGFVR，如若轉載，請註明出處：https://www.506064.com/zh-tw/n/371833.html
微信掃一掃 
支付寶掃一掃 