react 学习笔记 day1

react 是现在流行的三大前端框架之一。

官方文档：快速入门 – React 中文文档

1.创建和嵌套组件

创建组件

function MyButton() {
  return (
    <button>
      I'm a button
    </button>
  );
}

嵌套（使用）组件

export default function MyApp() {
  return (
    <div>
      <h1>Welcome to my app</h1>
      <MyButton />
    </div>
  );
}

2.显示数据，使用大括号包裹

先定义数据 user.name = 某某值

页面使用

return(

<h1>user.name</h1>

);

3.条件渲染

使用if语句，或者是条件运算符？，或者是&&等

let content;
if(lsLoggedIn){
content = <AdminPanel />;
}else {
content = <LoginForm />;
}

retrun (
<div>
{content}
</div>
);