Reactjs React useState钩子-组件渲染两次

我想知道为什么我的组件搜索结果会呈现两次

在主页组件中，我希望将报价传递给子组件搜索结果：

---

它被渲染两次，因为当元素装载时，您将offers设置为null。如果要确保仅在提供不为null时呈现SearchResults组件，可以执行以下操作：

return (
  <Aux>
    <div className={classes.container}>
      <div className={classes.contentSection}>
        {offers && <SearchResult searchedOffers={offers} />}
      </div>
    </div>
  </Aux>
)

---

它被渲染两次，因为当元素装载时，您将offers设置为null。如果要确保仅在提供不为null时呈现SearchResults组件，可以执行以下操作：

return (
  <Aux>
    <div className={classes.container}>
      <div className={classes.contentSection}>
        {offers && <SearchResult searchedOffers={offers} />}
      </div>
    </div>
  </Aux>
)

---

谢谢@Nick！它起作用了！说得好，我没想到要这么做谢谢@Nick！它起作用了！说得好，我没想到要这么做

return (
  <Aux>
    <div className={classes.container}>
      <div className={classes.contentSection}>
        {offers && <SearchResult searchedOffers={offers} />}
      </div>
    </div>
  </Aux>
)

return (
  <Aux>
    <div className={classes.container}>
      <div className={classes.contentSection}>
        {offers ? <SearchResult searchedOffers={offers} /> : "Loading..."}
      </div>
    </div>
  </Aux>
)