一.將表達式嵌套在JSX中

要在JSX中內嵌js表達式只需要將js表達式放在{}中，例如：

const element = <h1>this is a JSX {sayName()}</h1>
function sayName(){};

二.JSX也是表達式

在編譯之後Jsx會成為一個常規的js對象。所以可以在if，for語句中使用Jsx，例如

function getName(firstname,lastname,all=false){
if(all){
return <p>{firstname} {lastname} </p>
}
}

註：使用jsx時，標簽之間的內容會被當作字符串（{}中的會被當作js語句），如

<p>{name1} + ‘ ‘ + {name2}</p>
const name1 = ‘li‘;
const name2 = ‘hua‘;
會被渲染為li+‘ ‘+hua

三.使用JSX給元素添加屬性

// 第一種方式
const element = <p title="page">this is page</p>
// 第二種方式
 const element = <p title={title}>this is page,too</p>
 const title = ‘page‘;
// 註：JSX中的元素的屬性使用駝峰命名法（class對應className）

四.JSX標簽也能夠包含子標簽

const element = (
        <div>
            <h1>I am a header</h1>
            <p> I am a page</p>
        </div>
 );

React——JSX