Question

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

当我学习React的时候，我在上面看到了这段代码，我无法完全理解为什么我能够显示输入到输入元素中的值。（这次我没有放入HTML文件）。我知道“ e”是一个事件，通过使用target属性，它引用了对象，但是在这种情况下，“。value”是什么？我看到一个网站说这是HTML DOM属性，它指定属性的值，但是它是用于输入元素的HTML DOM属性还是其他？感谢您的帮助！

Answer 1

默认情况下，HTML input元素具有value属性。您可以将其设置为在页面加载时在输入中显示默认文本。

您正确提到e是一个事件对象。它具有属性target，它是创建此事件的元素。因此，在您的情况下，e.target.value正确引用了input元素的值，其值已更改。

Answer 2

value是input标记的属性，如W3 Documentation所示。

您正确地认为e是事件，并且通过使用target属性，您可以确定导致事件的元素。

有关此内容的更多信息，请参见FreeCodeCamp。我建议您这样做，您将看到此做法的最常见用法。

“ .value”是输入元素的属性吗？

2 个答案: