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碎片
总体理解就是数据和展现形式进行区别开来