) 中是否有可能初始状态为空 div 或组件？

【问题标题】：is it possible in React useState(<></>) has initial state is empty div or component?React useState(<></>) 中是否有可能初始状态为空 div 或组件？
【发布时间】：2019-11-18 14:29:33
【问题描述】：

我的代码是这样的

const [component, setComponent ] = useState( ? )

组件的初始值是多少

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

【问题讨论】：

state 存储您的数据； functions 存储您的视图逻辑。不要将两者混为一谈。

标签： javascript reactjs react-hooks

【解决方案1】：

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

const [value, setValue] = useState(true)

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

【讨论】：

我根据数据长度嵌套了 if 条件 if(data[0]), if(data[9]), if(data.length>10) 我将组件显示为数据列表或个人物品。所以不能依赖布尔值。
这不是他的意思。这里的要点是永远不要将jsx 存储为状态的一部分。你的条件必须与其他东西绑定。您可以轻松地拥有一个返回组件的函数。这里的布尔值只是一个例子