“.value”是輸入元素的屬性嗎？

Question

return (
      <input 
        type="text" 
        placeholder="Type a color"
        onChange={(e)=> {
          changeColor(e.target.value)
        }}
        ></input>
  )

在學習 React 時，我看到了上面的這段代碼，我無法完全理解為什么我能夠顯示輸入到輸入元素中的值。 （這次我沒有放HTML文件）。 我知道“e”是一個事件，通過使用目標屬性，它引用了 object，但在這種情況下，“.value”是什么？ 我看到一個網站說它是 HTML DOM 屬性，它指定了屬性的值，但它是輸入元素的 HTML DOM 屬性還是其他什么？ 我感謝您的幫助！

Answer 1

默認情況下，HTML input元素具有value屬性。 您可以將其設置為在頁面加載時在輸入中顯示默認文本。

您正確地提到了e是一個事件 object。 它有一個屬性target ，它是創建此事件的元素。 因此，在您的情況下， e.target.value正確地指的是值已更改的input元素的值。

Answer 2

value是input標簽的屬性，如W3 文檔中的此處所示。

您是正確的e是一個事件，並且通過使用target屬性，您可以確定導致該事件的元素。

可以在FreeCodeCamp中看到有關此的進一步閱讀。 我建議這樣做，你會看到這種做法最常見的用法。