条件渲染

在React中，可以通过 逻辑与运算符（&&）、三元运算符（?:） 实现基础的条件渲染。

如果当前只需要控制一个元素的显示与隐藏，则使用逻辑与。

如果要控制两个，则使用三元运算符。

let flag = true;
let loading = true;

export default function App() {
  return (
    <div>
      {/* 逻辑与&& */}
      {flag && <span>this is span</span>}
      {/* 三元运算符 */}
      {loading ? <span>loading...</span> : <span>this is span</span>}
    </div>
  );
}