在 React 里,组件不是一上来就"全给你渲染出来"的。 很多时候,我们希望:界面要看情况说话------
-
登录了看"欢迎回来"
-
没登录就看"请先登录"
-
加载中只给你个转圈圈
-
请求失败再丢个错误提示
这些"根据条件,决定渲染什么"的行为,统称为:条件渲染(Conditional Rendering)。
React 本身不发明新语法, 它直接让你用原生 JavaScript 的各种条件语句和运算符来控制要渲染的 JSX。
在 React 里,组件不是一上来就"全给你渲染出来"的。 很多时候,我们希望:界面要看情况说话------
登录了看"欢迎回来"
没登录就看"请先登录"
加载中只给你个转圈圈
请求失败再丢个错误提示
这些"根据条件,决定渲染什么"的行为,统称为:条件渲染(Conditional Rendering)。
React 本身不发明新语法, 它直接让你用原生 JavaScript 的各种条件语句和运算符来控制要渲染的 JSX。