学习react对于新手来说,还没有学react往往就会被webpack,npm等搞的晕头转向,所以我们今天就从最简单的方式入手
<script src="react.js"></script> //核心文件 <script src="react-dom.js"></script> //用于渲染dom节点
首先在页面中引入这3个文件
<div id="box"></div> <script src="react.js"></script> <script src="react-dom.js"></script> <script type="text/javascript"> ReactDOM.render( //核心方法,接收三个参数, "hello", //1,内容 document.body, //2,接收的容器 function(){ //3,渲染完成的回掉 console.log("render done"); } ); //Uncaught Error: ReactDOM.render(): Invalid component element. Instead of passing a string like ‘div‘, pass React.createElement(‘div‘) or <div />. </script>