我的 React 組件可以監聽服務器中的變化並自行更新嗎？

Question

我有一個呈現項目列表的 React 組件。 我有一個不同的組件，它允許用戶添加一個新項目。 這個新項目是通過對服務器進行異步調用來創建的。 呈現列表的組件是否可以監聽服務器中的更改並自行更新。

新項目是通過模態添加的，因此當模態關閉時，需要觸發一個操作來更新呈現項目列表的組件。 現在我不得不刷新瀏覽器以反映 UI 中的變化。

如果我關閉我的模式，我將無法觸發對呈現項目列表的組件的更改。 我考慮將異步調用的結果添加到 state 的列表項中，使用 redux 作為重新渲染的一種方式。 但是，我與之交互的客戶端不會返回項目所需的所有屬性（作為 Typescript 接口的一部分）。 因此這種方法行不通。 強制重新渲染顯示列表的組件的另一種方法。 但同樣，我真的想不出一種可行的方法以及如何觸發 componentDidUpdate 鈎子。

Answer 1

if (服務器支持webSockets ) {

使用webSockets ；

} 別的 {

使用socket.io ；

}