JSX語法:HTML語言直接寫在JS語言中,不加任何引號
JSX基本語法規(guī)則(只有一個開頭節(jié)點和一個結尾節(jié)點)
1.遇到HTML標簽(以 < 開頭),就用HTML規(guī)則解析
2.遇到代碼塊(以 { 開頭),就用JS規(guī)則解析
React獨有的JSX語法跟JS不兼容、凡事使用JSX的地方,都要加上
<script type="text/babel"></script>
使用React前必須首先加載
react.js React的核心庫
react-dom.js 提供與DOM相關的功能
Browser.js 將JSX語法轉換為JS語法
注意:書寫的順序
<script type="text/babel">
var Hello = React.createClass({
render: function() {
return (
<div>Hello</div>
);
}
});
ReactDOM.render(
<Hello/>,
document.body
);
</script>
React.createClass 生成一個組件類、組件名一定要大寫,否則會報錯
所有組件都必須有自己的render方法,用于輸出組件
添加組件屬性需注意(駝峰式命名規(guī)則)
1.class需寫成className
2.for需寫成htmlFor
ReactDOM.render() 是React的最基本方法、用于將模板轉為HTML語言,并插入置頂的DOM節(jié)點(當前插入body中)