redux autoform
1.0.0
베타 버전 면책 조항
redux-autoform 은 적극적으로 개발 중입니다. API는 변경되며 예상대로 일이 여전히 작동하지 않을 수 있습니다. 문제를 발견하면보고하십시오. 우리는 그것을 고치기 위해 최선을 다할 것입니다.
Redux-Autoform은 메타 데이터에서 Redux-Form을 동적으로 생성하기위한 UI 불가지성 라이브러리입니다.
문서는 여기에서 사용할 수 있습니다.
npm install redux-autoform
주요 반응 구성 요소.
import { AutoForm } from 'redux-autoform' ; AutoForm 세포 소품이 여기에 나열되어 있습니다.
AutoForm 수신 해야하는 가장 중요한 두 가지 소품은 schema 와 componentFactory 입니다.
스키마는 응용 프로그램 도메인을 나타냅니다. 모든 엔티티, 레이아웃 및 메타 데이터는 스키마에 포함되어 있습니다. 자세한 내용은 여기에 있습니다.
ComponentFactory 주어진 필드 메타 데이터에 사용할 반응 구성 요소를 결정하는 데 도움이됩니다. redux-autoform 에는 내장 공장이 없습니다. 부트 스트랩 (베타 상태) 또는 재료 -UI (베타 상태)를 사용할 수 있습니다.
부트 스트랩을 가정하면 다음과 같은 공장을 얻을 수 있습니다.
import { EditComponentFactory , DetailsComponentFactory } from 'redux-autoform-bootstrap-ui' ;이 공장 중 하나는 이제 문서에 설명 된대로 Prop Autoform으로 전달되어야합니다.
Autoform은 현지화에 직접적으로 의존하지 않지만 부트 스트랩 및 재료 UI 공장이 모두 수행됩니다. 따라서 이것을 사용하는 경우 이것이 당신이해야 할 일입니다.
// 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에 따라 다릅니다.
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
풀 레퍼스트는 정말 환영합니다 . 무엇을 기여 해야할지 모르면 문제를 확인하십시오.
우리는 자주 기고자를 초대하여 조직에 가입하게되어 기쁩니다. 프로젝트 이해에 도움이 필요한 경우 문제를 게시하시면 최선을 다해 응답하고 필요한 모든 것을 이해하도록하겠습니다.
풀 요청을 위해 :
redux-autoform 은 MIT 라이센스가 부여되었습니다.
