简体中文

与 Redux DevTools 的集成

开启方式

Reactive 与 Redux DevTools 兼容开箱即用。您可以从 @shined/reactive 导入 devtools 并按如下方式启用：

提示

要启用 DevTools，请确保已安装 Redux DevTools 浏览器扩展。完整的选项可以在 Redux DevTools 文档中找到。

1import { create, devtools } from '@shined/reactive'
2
3const store = create({ count: 1 })
4
5devtools(store, { name: 'awesome-store', enable: true }) // 初始化 store 并启用 devtools

TypeScript

如果需要获取 Redux DevTools 的 TypeScript 类型，可以安装 @redux-devtools/extension 来获取类型定义。

npm

yarn

pnpm

bun

npm install @redux-devtools/extension

然后引入类型即可获取完整的 Option 类型定义。

import { devtools } from '@shined/reactive'

import type {} from '@redux-devtools/extension'

devtools(store, {
  name: 'awesome-store',
  enable: true,
  // 具备 TS 类型提示
})

ON THIS PAGE

与 Redux DevTools 的集成#

开启方式#

TypeScript#

与 Redux DevTools 的集成

开启方式

TypeScript