“.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中看到有关此的进一步阅读。 我建议这样做，你会看到这种做法最常见的用法。