最简易版单html无server端创建React(自测学习使用)Hello World实例
创建html文件
引入三个必备js文件:
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
新建空Dom节点<div id="hello-example"></div>
新建<script type="text/babel"></script>,且在内插入如下代码:
class HelloMessage extends React.Component {
render() {
return (
<div>
Hello {this.props.name}
</div>
);
}
}
ReactDOM.render(
<HelloMessage name="Taylor" />,
document.getElementById('hello-example')
);
打开浏览器浏览页面即可。