event.target.name is undefined

Question

I am trying to use e.target.name in react to set the state as I have done before, however e.target.name seems to be undefined for some reason and I can\'t figure out why, if

Answer 1

• Form fields are the elements who must use the attribute name.
• The JS engine will automatically set that attribute within the form elements (input, select, etc).

document.querySelector('li').addEventListener('click', function(e) {
  console.log('Directly: ' + e.target.name);// prints null
  console.log('Using getAttribute: ' + e.target.getAttribute('name')); // prints ele
});

document.querySelector('input').addEventListener('click', function(e) {
  console.log('Directly: ' + e.target.name);
  console.log('Using getAttribute: ' + e.target.getAttribute('name')); // prints ele
});

Click me!

---