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碎片

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