redux autoform

Beta版本免责声明

redux-autoform正在积极发展。 API将会改变，情况仍然可能无法正常工作。如果发现任何问题，请报告。我们将尽力解决它。

• 介绍
• 支持的UI框架
• 演示
• 文档
• 安装
• 使用
• 本土化
• 样式
• 在当地建立和运行演示
• 运行测试
• 贡献
• 执照

介绍

Redux-Autoform是一个UI不可知论库，用于动态生成元数据的redux形式。

支持的UI框架

• Bootstrap（beta状态）
• 材料-UI（beta状态）

演示

• Bootstrap演示。
• 材料-UI演示。

文档

文档可在此处提供。

安装

 npm install redux-autoform

使用

自动型（来源）

主反应组件。

 import { AutoForm } from 'redux-autoform' ;

AutoForm道具在此处列出。

2个最重要的道具AutoForm应接收的是schema和componentFactory 。

模式代表应用程序域。所有实体，布局及其元数据都包含在模式中。更多信息在这里。

ComponentFactory负责确定用于给定场元数据的哪种反应组件。 redux-autoform没有任何内置工厂，因为您可以使用bootstrap（beta状态）或材料-UI（beta状态）。

假设引导程序，您可以得到这样的工厂：

 import { EditComponentFactory , DetailsComponentFactory } from 'redux-autoform-bootstrap-ui' ;

现在，这些工厂中的任何一个都应按照文档中所述的自动化方式通过。

本土化

Autoform并不直接依赖于本地化，但是Bootstrap和Material-UI工厂都可以。因此，如果您正在使用这些，这就是您应该做的：

• 安装Numbro。这是用于数字本地化的库。
• 安装力矩。这是用于DateTime本地化的库。

 // import moment and numbro
import moment from 'moment' ;
import numbro from 'numbro' ;
 // import the localizers
 import { momentLocalizer , numbroLocalizer } from 'redux-autoform' ;
// if you are using react-widgets, which is used by default on the standard factories, you need to import it's localizer too:
import reactWidgetsMomentLocalizer from 'react-widgets/lib/localizers/moment' ;
// set up the localizers
momentLocalizer ( moment ) ;
numbroLocalizer ( numbro ) ;

reactWidgetsMomentLocalizer ( moment ) ; // THIS IS ONLY IMPORTANT WHEN USING BOOTSTRAP 

样式

样式将取决于您正在使用的UI：

• 为Bootstrap UI添加样式
• 为材料UI添加样式（正在开发）

在当地建立和运行演示

Redux-Autoform提供了一个非常简约的演示。为了运行演示，请运行：

 npm run start

现在该演示应该在此处可用：http：// localhost：4000/。

运行测试

 npm run test // will run the Karma tests PhantomJS
// OR
npm run test-chrome // will run the Karma tests on Chrome

贡献

非常欢迎拉起。如果您不知道该做出贡献，请检查问题。

我们将很高兴邀请频繁的贡献者加入该组织。如果您需要了解该项目的帮助，请发布问题，我会尽力回复并确保您了解所需的一切。

为了提出拉请求：

1. 叉
2. 创建您的功能分支Git Checkout -b您的新纽约 - 纽约分支机构
3. 提交您的更改git commit -am'添加新功能'
4. 推到分支机构推动来源您的新feature-Branch
5. 用主分支创建新的拉请求

执照

redux-autoform已获得MIT许可。