當更改其他狀態時，將調用render函數中的狀態更改事件

Question

我是新來的。 所以對我來說，當一些反應狀態得到更新時。 返回函數中的所有其他狀態更改事件都被調用。

例如 ：

我的狀態：

  state = {
    isLogined  : false,
    redirect: false,
    username: "",
    avatar : '',
    name : '',
    messages : [],
    feeds : [],
    activechat : {},
    currentRoom : '',
  }

因此，我正在偵聽帶有child_added事件的firebase數據庫，並使用以下代碼更新供稿狀態，

this.setState({
            feeds : topics
          })

對於feed組件，它工作正常。 但是與其他狀態相關的所有其他組件都被再次調用，

  <HomeBar avatar={this.state.avatar} />

和

<Card className={"middleContainer"}>
                {this.getChatBox(this.state.activechat)}
          </Card>

那么我該如何解決:(

用於家庭和HomeBar的Pastebin

https://pastebin.com/R4G2YCmY

Answer 1

默認情況下，只要組件變臟（狀態更改），就會重新渲染該組件及其子代。 參見-> https://stackoverflow.com/a/24719289/2092817