react
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>React CDN Example</title>
<!-- 编写 React 组件 -->
<script src="../node_modules/react/dist/react.js"></script>
<script src="../node_modules/react-dom/dist/react-dom.js"></script>
<script src="../lib/babel.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class HelloMessage extends React.Component {
render () {
return <div> hello {this.props.name}</div>
}
}
// 渲染组件到页面
ReactDOM.render(<HelloMessage name="xiongmc"/>, document.getElementById('root'))
</script></body>
</html>