@36node/redux-xlsx 中文文档教程

发布于 4年前 浏览 18 项目主页 更新于 3年前

@36node/redux-xlsx

versiondownloads

使用 Xlsx 和 redux,专注于管理状态中的 xlsx 数据,从文件导入到状态,并从状态导出到文件。

Xlsx Actions

import { makeXlsx } from "@36node/redux";

/**
 * columns structure same as antd table, ref
 * https://ant.design/components/table-cn/#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8
 */
const xlsx = makeXlsx("someKey", { columns });

// start cron
dispatch(xlsx.import({ file }));
// stop xlsx
dispatch(xlsx.export({ rows }));

Xlsx Reducer

import { xlsxReducerRoot } from "@36node/redux";

export default combineReducers({
  ...xlsxReducerRoot,
});

Xlsx Selector

import { makeXlsxSelector } from "@36node/redux";

const select = makeXlsxSelector("someKey");
const some = select(state);

Xlsx Saga

redux-xlsx 应该与 saga 一起使用。

import { fork, all } from "redux-saga/effects";
import { watchXlsx } from "@36node/redux-xlsx";

export default function* root() {
  yield all([fork(watchXlsx)]);
}

@36node/redux-xlsx

versiondownloads

Work with Xlsx and redux, focus on manage xlsx data in state, import from file to state, and export from state to file.

Xlsx Actions

import { makeXlsx } from "@36node/redux";

/**
 * columns structure same as antd table, ref
 * https://ant.design/components/table-cn/#%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8
 */
const xlsx = makeXlsx("someKey", { columns });

// start cron
dispatch(xlsx.import({ file }));
// stop xlsx
dispatch(xlsx.export({ rows }));

Xlsx Reducer

import { xlsxReducerRoot } from "@36node/redux";

export default combineReducers({
  ...xlsxReducerRoot,
});

Xlsx Selector

import { makeXlsxSelector } from "@36node/redux";

const select = makeXlsxSelector("someKey");
const some = select(state);

Xlsx Saga

redux-xlsx should use with saga.

import { fork, all } from "redux-saga/effects";
import { watchXlsx } from "@36node/redux-xlsx";

export default function* root() {
  yield all([fork(watchXlsx)]);
}
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文