时间戳

首页 > 解决方案 > 如何在屏幕中处理多个上下文状态？

reactjs - 如何在屏幕中处理多个上下文状态？

问题描述

如何在屏幕中处理多个上下文状态？                               

 const { state } = useContext(profileContext);
 const { state,AttendanceInGetByDate } = useContext(AttendanceContax);

标签： reactjsreact-nativereact-hooks

解决方案

您可以在解构时重命名属性：

const { state: profileDAta } = useContext(profileContext);
const { state: attendanceData, AttendanceInGetByDate } = useContext(AttendanceContax);

有很多关于 Javascript 解构的文章，最近有点炒作（其中之一），随便选一个。

此外，如果这给您带来任何不便，您不必使用带有钩子的解构：

const profile = useContext(profileContext);
const attendance = useContext(AttendanceContax);
...
// here you can refer to profile.state and attendance.state independently

推荐阅读