How to get the value of HTML5 data-attribute in react js

Question

    <div id="job" data-job-id="3054>jobs status</div>

How to get the value of data attribute value in the above node.

Need the data-attribute value in the react entry point file, which should be rendered in the index.html — Bhanu prathap
– Bhanu prathap, Commented Dec 12, 2016 at 16:39

Chase · Accepted Answer · 2016-12-12 16:38:12Z

4

Just use the javascript .getAttribute() method.

var val = document.getElementById('job').getAttribute('data-job-id');

answered Dec 12, 2016 at 16:38

Chase

2,3241 gold badge13 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mo. · Accepted Answer · 2019-03-19 10:48:44Z

1

As better solution

console.log(e.target.dataset.job-id)

answered Mar 19, 2019 at 10:48

Mo.

27.6k36 gold badges167 silver badges236 bronze badges