- <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>
来源: http://www.bubuko.com/infodetail-3232631.html