React-JSX-常量定义与使用

1.前面讲了HelloWorld注意事项，现在讲解JSX的常量的定义与使用

2.网页部分：

<div id="root"></div>

3.关键看React部分（也就是JSX）

//user是定义数据const user = {   firstName:"陈亮",  secondName:'哈哈'};//格式化数据function formatName(user){  return user.firstName+ '  ' + user.secondName;}//拼装数据const element = (   <h1>  Hello , {formatName(user)}!   </h1>)//渲染数据ReactDOM.render(  element,  document.getElementById("root"))

1.对于const表示constant的简写也就是常量的意思

2. 数据定义部分，细心同学会发现这个不就是JSON格式的数据

3.对于函数和json数据的都是{} 号，对于与html组装的数据变量是()
4.对于调用函数也是用{}号引起来

5.渲染的数据element必须是html的相关元素，不能普通字符串。

6.没有变量类型，变量既可以表示json数据，也可以表示html碎片

总体理解就是数据和展现形式进行区别开来