<div id="root"></div> <script src="./react.js"></script> <script src="./react-dom.js"></script> <!-- 将JSX语法转换为JS语法 --> <script src="./babel.min.js"></script> <script type="text/babel"> //只有写了type="text/babel"babel才会去编译,否则引入了babel也没有用 写了这个才会针对babel类型去编译 //javaScript XML:JSX,即在JS中得XML XML就是<> ReactDOM.render(<h1>hello,React</h1>, document.getElementById('root')); // ReactDOM是react-dom里所导出来得对象,render函数将节点渲染到指定得视图上去,第一个是视图(<h1>hello,react</h1>),第二个就是要渲染得点,documenrt.getElementById('root') 原生得dom元素对象,h1标签在html里没问题,但你见过它写在js里没有?写在js里都要用引号,没有引号要不是变量,变量是没有<号得 </script>
01-React入门.html
猜你喜欢
转载自www.cnblogs.com/lucy-xyy/p/11643223.html
今日推荐
周排行