标签：last pre get blog als code head function bsp
要在JSX中内嵌js表达式只需要将js表达式放在{}中，例如：
const element = <h1>this is a JSX {sayName()}</h1>
function sayName(){};
在编译之后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
// 第一种方式
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）
const element = (
<div>
<h1>I am a header</h1>
<p> I am a page</p>
</div>
);
标签：last pre get blog als code head function bsp
原文地址：http://www.cnblogs.com/QxQstar/p/7529951.html
