在React組件中導出和導入函數

Question

我正在創建一個使用react的webapp。 我有一個主要的App.js文件，它是主要組件。 然后，我有一個具有創建按鈕功能的子組件。 例如，我有一個renderLogoutButton() ，其中包含徽標，文本等。

我需要另一個子組件中的注銷按鈕，並且不想重復該功能。 如何從一個React組件導出renderLogoutButton()並將其導入另一個React組件？

感謝所有幫助； 提前致謝。 :)

Answer 1

如果將renderLogoutButton代碼移動到單獨的LogoutButton組件，則可以在任何需要的地方重復使用該組件，而無需重復代碼。

這還將縮小App組件的大小和復雜性，這是可取的。