Question

189

How to return an attribute of clicked element in react?

rated 0 times [ 194] [ 5] / answers: 1 / hits: 5308 / 4 Years ago, sun, july 5, 2020, 12:00:00

I was wondering if there is a simple way to get an attribute of clicked element in React.js:

function App () {

    return (

        <button

          title={'foo'}

          onClick={myFunction(this)}

         >

            click me

         </button>

    )

}



function myFunction(e) {

  alert(e.getAttribute('title')); 

}

Right now I'm getting: TypeError: can't access property "getAttribute", e is undefined.

I need it inside a function for pass the attribute into another (working) function later on.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazminkyrap

Add To Favorites

Follow

Total Points: 631

Total Questions: 89

Total Answers: 109

Location: Finland

Member since Fri, Oct 21, 2022

2 Years ago

jazminkyrap questions

1 How to fix error: Fontconfig error: Cannot load default config file

Sat, Apr 17, 21, 00:00, 3 Years ago

1 why do I got Uncaught TypeError: response.text is not a function error when try to assignt body received as text to a variable in javascript

Sat, May 16, 20, 00:00, 4 Years ago

1 Error This line has a length of 182. Maximum allowed is 100 max-len

Thu, Apr 16, 20, 00:00, 4 Years ago

1 Selecting an html node's text content with htmlparser2 in Node.js

Mon, May 27, 19, 00:00, 5 Years ago

1 Webpack does not see the absolute path

Fri, Mar 15, 19, 00:00, 5 Years ago

View All

answered 4 Years ago chyanne · Accepted Answer

You can access the title via currentTarget

try this:



function App () {

    return (

        <button

          title={'foo'}

          onClick={myFunction}

         >

            click me

         </button>

    )

}



function myFunction(e) {

  alert(e.currentTarget.title); 

}