如何在ArkTS中实现状态管理的模块化并展示代码？

Question

我的应用变得越来越复杂，需要更好地组织和管理状态。请问在ArkTS中如何实现状态管理的模块化？能否提供一个包含模块化状态管理的代码示例？

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。

Answer 1

在ArkTS中实现状态管理的模块化可以将相关的状态管理逻辑和组件封装在一个模块中，然后通过导出和导入的方式来使用这些模块。

// userStatusModule.ts
export const userStatus = {
  isLoggedIn: false,
  login() {
    this.isLoggedIn = true;
  },
  logout() {
    this.isLoggedIn = false;
  }
};

// App.ts
import { userStatus } from './userStatusModule';

@Component
struct App {
  @Observed userStatus = userStatus;

  render() {
    return <UserComponent userStatus={this.userStatus} />;
  }
}

在这个例子里，我们将用户状态管理逻辑封装在了userStatusModule.ts模块中，并在App.ts中导入和使用这个模块。这样可以使状态管理更加模块化和可维护。

本文参与了 【 HarmonyOS NEXT 技术问答冲榜，等你来战！】欢迎正在阅读的你也加入。