React16模板

React16模板

by heaven_xz

HTML

<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="container"></div>

Babel + JSX

class App extends React.Component {
	state = { q: 3 }

	componentDidMount() {
  	this.setState({ q: 4 })
  }
  
  render() {
  if (document.querySelector('#container')) {
    console.log('textContent:' +  document.querySelector('#container').textContent)
  }

  	return (
    	<div>
    	  <h1>Hello, {this.state.q}</h1>
    	</div>
    );
  }
}

ReactDOM.render(<App class="world"/>, document.getElementById('container'));