Html pass attribute to react

<div id="container" data-title="Hello" data-name="World">
    <!-- This element's contents will be replaced with your component. -->
</div>

--------------------------------------------------------------------------

var Hello = props => (
    <div>{ props.title}, { props.name }</div>
);

var root = document.getElementById('container');

ReactDOM.render(
  <Hello {...(root.dataset)} />,
  root
);

Source: grepper.com

Similar codes

12 votes230 views3 answers
Add placeholder in input type date
Html
8 votes233 views4 answers
What is jumbotron in bootstrap
Html
1 vote222 views2 answers
Bootstrap responsive sticky top
Html
26 votes220 views3 answers
Html animation
Html
0 vote234 views1 answer
How to spread links from not right next to each other html
Html
11 votes231 views5 answers
Ngstyle
Html
0 vote220 views1 answer
How to display an array in html
Html
1 vote242 views1 answer
Javascript getelementbyid hide element
Html
214 votes251 views6 answers
Adding css to html
Html
3 votes239 views2 answers
Prevent webpage zooming in mobile
Html