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許可。