является ".value" атрибутом элемента ввода?

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

value является атрибутом для тега input, как показано здесь в W3 Документация .

Вы правы, что e является событием, и с помощью target свойство, вы можете определить элемент, вызвавший событие.

Дальнейшее чтение об этом можно увидеть в FreeCodeCamp . Я рекомендую это сделать, и вы увидите наиболее распространенное использование этой практики.

Answer 2

По умолчанию элемент HTML input имеет атрибут value. Вы можете настроить отображение текста по умолчанию при вводе при загрузке страницы.

Вы правильно упомянули e - это объект события. Он имеет атрибут target, который является элементом, который создал это событие. Так что в вашем случае e.target.value правильно ссылается на значение элемента input, значение которого изменилось.