我想在Reactjs Application中做一个维护页面。维护状态的信息将从API中获取。我的想法是像这样在App.js中放置调用API的钩子
const getMaintenanceState = async () => {
try {
const { data } = await countryApi.getMaintenance();
console.log('Data: ', data);
} catch (error) {
openMessageError(error?.response?.data?.message || ERR_MESSAGE);
}
};
useEffect(() => {
getMaintenanceState();
}, []);字符串
之后，我将显示/隐藏页面维护取决于我收到的状态.
我想问我们有没有最好的方法来解决这个问题。你有没有更好的方法来使用 Package 上下文或redux或什么的？。你能和我分享吗？谢谢
1条答案
按热度按时间oewdyzsn1#
如果你的应用程序的多个远程部分不需要维护状态，你应该使用本地
useState。你在useEffect中获取数据，在useState中存储数据，然后根据这个状态显示UI。随着应用程序的增长，如果您注意到需要在多个远程组件之间共享维护状态，请考虑过渡到全局状态管理解决方案，如Context API或Redux，以获得更好的可扩展性和集中式状态控制。
如果维护状态变化频繁，需要即时反映在应用程序中，而不需要持续轮询，您可以使用
websocket。也许您有一个实时监控 Jmeter 板或实时控制面板，需要在当前维护状态变化时显示。