react 語法
1.jpg
1.引入依賴文件
<script src='jquery.js'></script>
<script src='react.js'></script>
<script src='react-dom.js'></script>
<script src='browser.min.js'></script>//將jsx語法編譯成js語法
jsx語法:遇到<>按照html語法解析;遇到{}按照js語法解析
2.React例子
HTML
<div id='root'></div>
JS
//簡單例子
<script type=''text/babel'>
ReactDOM.render(<h1>hello React</h1>,document.getElementById('root'));
</script>
或
//遍歷例子：React也可以傳入對象否纬，如果對象是一個數(shù)組，則可以直接解析數(shù)組
<script type=''text/babel'>
var names=['<li>1</li>','<li>2</li>','<li>3</li>']烈菌；//聲明一個數(shù)組
ReactDOM.render(
<ul>{names}</ul> ,
document.getElementById('root'));
</script>
注意： React 是jsx語法，所以要用babel解析
ReactDOM.render(要插入的內容（沒有引號）,要插入到哪);
(1)組件(2)根元素
