0.2.1 • Published 4 years ago
@36node/redux-antd v0.2.1
Redex-Antd
HOC for antd to connect @36node/redux
- table
- form
Install
yarn install @36node/redux-antd
createForm
It is quite easy to put antd-form into redux, just use createForm, and done.
Read packages/tpl-cra-redux for more detail.
import React, { PureComponent } from "react";
import createForm from "@36node/redux-antd";
@createForm("example")
class ReduxFormExample extends PureComponent {
render() {
const { getFieldDecorator } = this.props.form;
return (
<Form {...formItemLayout} onSubmit={this.handleSubmit}>
... antd form ...
</Form>
);
}
}
createTable
import React from "react";
import { Table } from "antd";
import { makeApiSelector } from "@36node/redux";
import { createTable } from "@36node/redux-antd";
const PETS_KEY = "pets";
const columns = [
{ title: "name", dataIndex: "name", key: "name" },
{ title: "owner", dataIndex: "owner", key: "owner" },
{
title: "tag",
dataIndex: "tag",
key: "tag",
filters: [{ text: "CAT", value: "CAT" }, { text: "DOG", value: "DOG" }],
},
{ title: "age", dataIndex: "age", key: "age", sorter: true },
];
/**
* actions and selectors
*/
export const listPets = store.makeListPets(PETS_KEY);
export const selectPets = makeApiSelector(PETS_KEY);
/**
* Pets table
*/
@createTable(PETS_KEY, { apiAction: listPets, apiSelector: selectPets })
export default class extends React.Component {
render() {
return <Table columns={columns} {...this.props.table} />;
}
}
0.2.1
4 years ago
0.2.0
4 years ago
0.1.20
4 years ago
0.1.21
4 years ago
0.1.19
4 years ago
0.1.18
5 years ago
0.1.17
5 years ago
0.1.16
5 years ago
0.1.15
5 years ago
0.1.14
5 years ago
0.1.13
5 years ago
0.1.12
5 years ago
0.1.11
5 years ago
0.1.10
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago
0.0.2
5 years ago
0.0.1
5 years ago