<div id="root"></div>
<script type="text/babel">
//写组件
class Cmp1 extends React.Component{
  constructor(...args){
	super(...args);
  }

  render(){
	return (
	  <div>
		{this.props.txt}
	  </div>
	);
  }
}

//用组件
let root=document.getElementById('root');

ReactDOM.render(<Cmp1 txt="bbb"></Cmp1>, root);
</script>

<div id="root"></div>
<script type="text/babel">
//写组件
class Cmp1 extends React.Component{
  constructor(...args){
	super(...args);
  }

  render(){
		return (
		  <div>
			姓名：{this.props.name}<br/>
			年龄：{this.props.age+5}
		  </div>
		);
	}
}

//用组件
let root=document.getElementById('root');
let c=18;
ReactDOM.render(<Cmp1 name="blue" age={c}></Cmp1>, root);
</script>