2023 年 9 月 25 日
【NEXT.JS 系列】從 React 到 Next.js
在上一章節裡,我們討論了如何開始使用 React。 這是最終程式碼的樣子。 如果您從這裡開始,請將此程式碼碼複製到程式碼編輯器中的 index.html 文件中。
繼續閱讀在上一章節裡,我們討論了如何開始使用 React。 這是最終程式碼的樣子。 如果您從這裡開始,請將此程式碼碼複製到程式碼編輯器中的 index.html 文件中。
繼續閱讀讓我們探索 React 如何藉由狀態和事件處理程序幫助我們添加互動性。例如,讓我們在您的專案中創建一個”喜歡”按鈕。 首先,在您的程式碼中添加一個按鈕元素:
繼續閱讀但是,如果您想傳遞不同的文字,或者因為您從外部來源獲取數據而無法提前知道訊息,該怎麼辦?您可以將訊息片段作為屬性傳遞給 React 元件。 這些被稱為 props。
繼續閱讀用戶介面可以分解成更小的建構區塊,稱為元件。元件允許您建構可重複使用的程式碼片段。 如果您將元件視為樂高積木,您可以將這些單獨的積木組合在一起以形成更大的結構。 如果您需要更新某個 UI,您可以更新特定的元件或磚塊。
繼續閱讀要在您的專案中使用 React,您可以從名為 unpkg.com 的外部網站加載兩個 React 腳本:
繼續閱讀© Copyrights 從想像到創造. All Rights Reserved.