React組件間傳值的方式有以下幾種:
父組件向子組件傳值:父組件可以通過props屬性將數據傳遞給子組件。子組件可以通過props對象訪問父組件傳遞的數據。
子組件向父組件傳值:子組件可以通過回調函數將數據傳遞給父組件。父組件可以將一個函數作為props傳遞給子組件,子組件可以通過調用該函數并傳遞數據來向父組件傳值。
兄弟組件間傳值:如果兩個組件沒有父子關系,可以使用一個共同的父組件來傳遞數據。父組件可以將數據傳遞給兩個兄弟組件,并通過回調函數將數據傳遞給另一個兄弟組件。
使用上下文(Context)傳值:上下文是一種在組件樹中共享數據的方法。父組件可以通過創建一個上下文對象,并將數據傳遞給子組件。子組件可以通過在組件定義中聲明需要使用的上下文來訪問傳遞的數據。
使用狀態管理庫(如Redux)傳值:狀態管理庫可以幫助組件之間共享狀態,并在任何組件中更新和訪問該狀態。通過將數據存儲在全局狀態中,組件可以在任何地方訪問和更新該數據。
以上是一些常見的傳值方式,具體選用哪種方式取決于應用程序的需求和組件之間的關系。