接續昨日的 [Day 65] [React] Event Handling - 表單（註冊、登入、送出按鈕）[1]，這套課程安排是解說完後，下次就是練習，所以今天的是 event handle 表單的練習～

題目：在 input 輸入文字後，按下 submit button，H1 的 Hello 旁邊要顯示 input 的文字。

首先在 button 加入 onClick，就是點擊後，我們想要他做的事情：

<button onClick={handleClick} type="submit">Submit</button>

上面的 {handleClick} 則做成另一個 function，裡面要將 input 所收到的新 name 轉到 setHeading：

  function handleClick(event) {
    setHeading(name);
  }

useState 也要在上方加入，不然 setHeading 會還沒被定義到。這邊的 setHeading 會收到 name 的內容後去更新 headingText：

const [headingText, setHeading] = useState("");

H1 預設是空白，所以在這邊加入上方的 headingText：

<h1>Hello {headingText}</h1>

輸入文字後，點擊 submit，Hello 右側會出現輸入的文字。以下是完成的樣子：