react-01－－JSX

const element = <h1>Hello,World!</h1>

这个有趣的标签语句既不是字符串也不是html；

它被叫做JSX,它是javascript的扩展语句。在react里使用它来描述 UI应该是什么样的。JSX可能让你想起一种模版语言，但是它形成于这强大的javaScript.

JSX产生了React元素。我们将在下一部分探索使用它渲染DOM ，下面你可以开始这基础使用。

你可以嵌入任何javaScript expression在JSX,通过把它包裹在大括号里。

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')
);

加载到html里之后，尝试运行它。