我正在使用react-router開發一個React應用程序。我有一個項目頁面，其URL如下：myapplication.com/project/unique-project-id當項目組件加載時，我從componentDidMount事件觸發了對該項目的數據請求。我現在遇到一個問題，即如果我直接在兩個項目之間切換，那么只有id會這樣改變...myapplication.com/project/982378632myapplication.com/project/782387223myapplication.com/project/198731289componentDidMount不會再次觸發，因此不會刷新數據。我是否應該使用另一個生命周期事件來觸發我的數據請求，或者使用其他策略來解決此問題？
3 回答
翻閱古今
TA貢獻1780條經驗 獲得超5個贊
如果鏈接僅通過不同的參數指向同一條路線，則它不是重新安裝，而是接收新的道具。因此，您可以使用該componentWillReceiveProps(newProps)函數并查找newProps.params.projectId。
如果您要加載數據，我建議在路由器使用組件上的靜態方法處理匹配之前獲取數據。看看這個例子。反應路由器兆演示。這樣，該組件將加載數據并在路由參數更改時自動更新，而無需依賴componentWillReceiveProps。
慕容3067478
TA貢獻1773條經驗 獲得超3個贊
如果在更改路線時確實需要重新安裝組件，則可以將唯一鍵傳遞給組件的key屬性（該鍵與您的路徑/路由相關聯）。因此，每次路線更改時，密鑰也會更改，從而觸發React組件卸載/重新安裝。我從這個答案中得到了主意
添加回答
舉報
0/150
提交
取消