<div id="root"></div> <script src="./react.js"></script> <script src="./react-dom.js"></script> <script src="./babel.min.js"></script> <script type="text/babel"> //jsx中元素得style属性不能设置为字符串,应该设置为对象 // const el=(<div style="width:100px;height:100px;background:red"></div>); //样式属性名做key(如果属性名有多个单词,要以驼峰命名, 例如padding-left写成paddingLeft),属性值为value const el=(<div style={{width:'100px',height:'100px',background:'red',paddingLeft:'50px'}}></div>); ReactDOM.render(el,document.getElementById('root')) </script>
13-JSX得样式.html
猜你喜欢
转载自www.cnblogs.com/lucy-xyy/p/11643933.html
今日推荐
周排行