Is there a right way to pass data into a React component from the HTML page?

Question

I have a React app like this.

var X = React.createClass({
  componentDidMount: function() {
    fetch(this.props.feed).then(...);
  }
  render: function() {
             


        

Answer 1

I have used data- attributes for various props, then passed all the props using destructuring {...dataset}, for example:

HTML:

JS:

var root = document.getElementById('app');
ReactDOM.render(, root);

Edit: demo fiddle
Edit 2018: updated fiddle