javascript - e.target.value on an input field ReactJs, how does it work? - Stack Overflow

admin管理员组

文章数量:1344691

.html

I'm at the end of this tutorial and I'm just not understanding how e.target.value works. Walk through the end of this tutorial and see the sample code that there is please. I'm newbie both to React and Javascript.

https://facebook.github.io/react/docs/thinking-in-react.html

I'm at the end of this tutorial and I'm just not understanding how e.target.value works. Walk through the end of this tutorial and see the sample code that there is please. I'm newbie both to React and Javascript.

• javascript
• reactjs

Share Improve this question Follow edited Aug 10, 2017 at 23:51 halfer 20.4k1919 gold badges108108 silver badges201201 bronze badges asked Aug 10, 2017 at 23:19 Diogo MatiasDiogo Matias 21311 gold badge22 silver badges77 bronze badges 4

• 14 e is the event, which in this case is change, target is the element that triggered the event, which in this case is the input, and value is the value of the input element – JJJ Commented Aug 10, 2017 at 23:24
• 1 I recommend to read quirksmode.org/js/introevents.html . – Felix Kling Commented Aug 10, 2017 at 23:29
• 1 A slightly confusing thing worth researching is the difference between e.target and e.currentTarget . Reading about the difference may help your understanding. – Shammoo Commented Aug 11, 2017 at 8:49
• Thank you @Josan , it's more clear now. Thanks for the documentation Felix, I will read it. I will also see that Shammoo. Thanks everybody! – Diogo Matias Commented Aug 11, 2017 at 16:25

Add a comment  | 

3 Answers 3

Sorted by: Reset to default 14

The e is the argument of an event handler you attach to a certain event on a certain component... in this case the onFilterTextInput event. Events are objects with certain properties, and e.target almost always represents a DOM element.

Thus e.target.value is the value property of some DOM element, in this case that means the text entered in the search input.

When you need to handle multiple controlled input elements, you can add a name attribute to each element and let the handler function choose what to do based on the value of event.target.name. By React DOC

So, 'e' stands for event and target is the element that triggered the event. I find pretty useful this explanation about the difference between event.target and event.currentTarget at W3Schools

本文标签： javascriptetargetvalue on an input field ReactJshow does it workStack Overflow