return (
<input
type="text"
placeholder="Type a color"
onChange={(e)=> {
changeColor(e.target.value)
}}
></input>
)
当我学习React的时候,我在上面看到了这段代码,我无法完全理解为什么我能够显示输入到输入元素中的值。 (这次我没有放入HTML文件)。 我知道“ e”是一个事件,通过使用target属性,它引用了对象,但是在这种情况下,“。value”是什么?我看到一个网站说这是HTML DOM属性,它指定属性的值,但是它是用于输入元素的HTML DOM属性还是其他?感谢您的帮助!
答案 0 :(得分:0)
默认情况下,HTML input
元素具有value
属性。您可以将其设置为在页面加载时在输入中显示默认文本。
您正确提到e
是一个事件对象。它具有属性target
,它是创建此事件的元素。因此,在您的情况下,e.target.value
正确引用了input
元素的值,其值已更改。
答案 1 :(得分:0)
value
是input
标记的属性,如W3 Documentation所示。
您正确地认为e
是事件,并且通过使用target
属性,您可以确定导致事件的元素。
有关此内容的更多信息,请参见FreeCodeCamp。我建议您这样做,您将看到此做法的最常见用法。