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

0 vote231 views1 answer
React bootstrap navbar fixed
Html
0 vote228 views1 answer
How to display superscript in breadcrumbs in html
Html
0 vote224 views1 answer
How to change text place in html
Html
0 vote290 views2 answers
Html starting tag
Html
0 vote239 views1 answer
Html image goes outside div
Html
13 votes215 views2 answers
From html to jsx
Html
0 vote242 views2 answers
Reactive forms radio button
Html
0 vote232 views1 answer
Django bootstrap where to put the files
Html
0 vote255 views1 answer
Cadre en html5
Html
0 vote246 views1 answer
InlineSVG Error: Content type isn't valid: text/html
Html