Javascript 是否可能在React useState（<；>；<；/>；）中初始状态为空div或component？

我的代码是这样的

const [component, setComponent ] = useState( ? )

组件的初始值是多少

if(true)
  setComponent(<ComponentA />)
else
  setComponent(<ComponentB />)

if（真）
setComponent（）
其他的
setComponent（）

就我个人而言，我不会以状态存储组件，而是用数据来确定显示的内容。例如：

const [value, setValue] = useState(true)

return (
  value ? <ComponentA /> : <ComponentB />
)

const[value，setValue]=useState（true）
返回(
价值？：
)

我有嵌套的if条件if（数据[0]）、if（数据[9]）、if（数据.length>10）根据数据长度，我将组件显示为数据列表或单个项。所以不能依赖布尔值。这不是他的观点。这里的要点是永远不要将

jsx

存储为状态的一部分。你的病情一定与其他因素有关。您可以很容易地拥有一个返回组件的函数。这里的布尔值只是一个示例

状态

存储数据<代码>功能s存储视图逻辑。不要把两者混为一谈。