Next.js - FromIdeaToCreation

在學習更進階的 Next.js 功能之前，了解 Next.js 工作原理的基礎知識會很有幫助。

在上一章節裡，我們討論了如何開始使用 React。這是最終程式碼的樣子。如果您從這裡開始，請將此程式碼碼複製到程式碼編輯器中的 index.html 文件中。

剛剛向您介紹了三個基本的 React 概念：components、props 和 state。在這些方面擁有堅固的基礎將幫助您開始建構 React 應用程式。一旦您感到更有信心，還可以查看以下其他 React 主題：

讓我們探索 React 如何藉由狀態和事件處理程序幫助我們添加互動性。例如，讓我們在您的專案中創建一個”喜歡”按鈕。首先，在您的程式碼中添加一個按鈕元素：

但是，如果您想傳遞不同的文字，或者因為您從外部來源獲取數據而無法提前知道訊息，該怎麼辦？您可以將訊息片段作為屬性傳遞給 React 元件。這些被稱為 props。

軟體工程師 / 工作室負責人

嗨我是 Wen，擁有自己的工作室，軟體應用開發已有超過10年的時間，喜歡創造產品，結交朋友一起做生意。閒餘，在網路的世界裡留下一點漣漪。

關於我