javascript - 为什么在使用 useState 时初始加载状态设置为 true？

Question

我很困惑为什么 isLoading 标志在初始状态下设置为 true。最初不应该是 false 吗？考虑这个简单的例子:

const SearchCharity = () => {
  const [isLoading, setIsLoading] = useState(true)
  const [themes, setThemes] = useState([])

  useEffect(() => {
    const fetchThemes = async () => {
      try {
        setIsLoading(true)

        const result = await axios.get(url)
        setThemes(result.data.themes.theme)

        setIsLoading(false)
      } catch (err) {
        console.log(err)
      }
    }
    fetchThemes()
  }, [])

  return (
      {
        isLoading ? <h1>Loading......</h1> : <h1>Display Content</h1>
      }
    )

export default SearchCharity

另一件事，如果我们在上面的代码中最初将它设置为 true 或 false，useEffect 仍然运行相同并且屏幕上的结果也将相同。那么，为什么 true？这是某种标准吗？

Answer 1

初始化状态时传递的值由您决定。

如果您希望它被初始化为 true，您可以像这样传递 true。

const [isLoading, setIsLoading] = useState(true)

如果你想你也可以传递false，它会被初始化为false

const [isLoading, setIsLoading] = useState(false)