在 React 组件的 render 方法里，能否直接使用 if else 进行条件判断？请说明理由。
考察说明
考查对 React render 函数中条件渲染写法的理解及其背后的原理。
回答思路
- 【回答框架 1】在 React 的 render 函数中，可以直接使用 if else 进行条件判断。render 是一个普通的 JavaScript 函数，可以执行任意的 JavaScript 逻辑，包括条件判断，根据条件返回不同的 JSX。
- 【回答框架 2】这种写法是完全合法的，因为 JSX 最终会被编译成 React.createElement 调用，而 if else 是标准的 JavaScript 控制流，不影响 JSX 的编译。
- 【回答框架 3】在实际开发中，除了 if else，还可以使用三元运算符、逻辑与（&&）运算符、立即执行函数（IIFE）等方式进行条件渲染，选择哪种方式取决于代码的简洁性和可读性。
- 【回答框架 4】需要注意的是，render 函数应当保持纯净，即不应在其中做有副作用的操作（如修改外部状态），只负责根据 state 和 props 返回 UI。
- 【关键点 1】render 是普通函数，可以直接使用 if else。
- 【关键点 2】JSX 是 React.createElement 的语法糖，if else 不影响其编译。
- 【关键点 3】条件渲染的多种方式：if else、三元运算符、&&、IIFE 等。
- 【关键点 4】render 应保持纯净，无副作用。
- 【易错点 1】如果在 render 中使用 if else 导致代码冗长，可考虑提取子组件或使用逻辑运算符优化。
- 【易错点 2】避免在 render 中进行复杂计算或副作用，以免影响性能或导致不一致的 UI。