HelloWorld
ReactDOM.render(
<h1>Hello,World!</h1>,
document.getElementById('root')
);
JSX
考慮下面的變量聲明：
const element=<h1>Hello,world</h1>;
上面的標(biāo)簽語法既不是一個(gè)字符串，也不是一個(gè)HTML標(biāo)記的方法。
它稱之為JSX，是javascripty的一個(gè)語法擴(kuò)展糟描。我們通常通過react來描述UI的時(shí)候就采用這種語法模式。JSX可能會(huì)讓你覺得跟模板語言很像书妻，但是它是帶有Javascript全部威力的船响。
JSX生成React元素躬拢。我們將在下一節(jié)討論呈現(xiàn)的DOM。現(xiàn)在见间，你開始需要找到基本的JSX
JSX表達(dá)式
你可以在JSX中嵌入任何形式的javascript 表達(dá)式聊闯，需要使用一個(gè)大括號將這些表達(dá)式包裹起來。比如：2+2米诉，user.firstName菱蔬，formatName(user)、這些都是合法的方式：
function formatName(user) {
return user.firstName + ' ' + user.lastName;
}
const user = {
firstName: 'Harper',
lastName: 'Perez'
};
const element = (
<h1>
Hello, {formatName(user)}!
</h1>
);
ReactDOM.render(
element,
document.getElementById('root')
);
CodenPen鏈接https://codepen.io/gaearon/pen/PGEjdG?editors=0010
我們可以將JSX分成多行史侣，為了更好的可讀性拴泌。分行也不是需的，當(dāng)分行時(shí)惊橱，需要注意的是 為了避免自動(dòng)分號的陷阱蚪腐，建議在代碼外面使用括號
