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里之后，尝试运行它。