<div id="root"></div> <!-- react 和reactDOM是有依赖关系的,react要放在前面--> <script src="./react.js"></script> <script src="./react-dom.js"></script> <script src="./babel.min.js"></script> <script type="text/babel"> const myId="div" // class在js里是关键字,在html是可以直接当属性,在js中不可以,jsx本质上还是js,babel生成js对象,然后有react渲染到节点,写成class会以为生成一个类,所以在JSX中如果给元素设置属性,多个单词要以驼峰命名,class写成className //元素取变量用{},属性取变量也用{},比如id //标签一定要闭合 //jsx中的注释{/*jsx注释*/} ReactDOM.render((<h1 className="box" id={myId}> {/*jsx注释*/} hello.,world</h1>), document.getElementById('root')) </script>
03-JSX-className和属性.html
猜你喜欢
转载自www.cnblogs.com/lucy-xyy/p/11643235.html
今日推荐
周排行