2016-11-29 1 views
0

양식을 사용하여 렌더링하지 않았습니다. 해결책을 찾기 위해 모든 노력을 기울 였지만 실제로는 아무 효과가 없었습니다. 표준 반응식/감면 형 앱이 있습니다. (두 라이브러리 모두 최신 버전입니다.)값을 쓰기 전에 redux-

이제 redux-form을 사용하여 양식을 제어하고 싶습니다. redux-form 감속기를 추가하고 "Simple Form"을 내 응용 프로그램에 복사했습니다. 나는 변경 희생 액션이 해고되고 있음을 알 수 있지만, 입력 필드의 값은 절대로 렌더링되지 않습니다. 또한 작업에는 항상 입력 한 마지막 문자 만 포함됩니다.

나는 정말로 코드를 제공하고 싶지만, 어떤 이유로 웹 사이트의 코드가 작동하는 것 같습니다. 입력 값이 렌더링되지 않는다는 알려진 이유가 있습니까? onChange 액션이 호출되고 있음을 확신합니다.

아, 나는 onBlur에 대해 언급해야합니다. 전체 값은 상점에서 삭제됩니다.

EDIT : 테스트를 위해 다른 모든 감속기, 미들웨어 및 물건을 제거했습니다. 여전히 같은 결과

+0

관련 코드 스 니펫을 공유 할 수 있습니까? – geoboy

+0

감속기를'form'으로 마운트 했습니까? –

+0

안녕하세요, @Christian, 문제 해결을 찾았습니까? 나는 입력 필드에 아무 것도 입력 할 수없는 비슷한 문제에 직면하고있다. onChange가 트리거되지만 입력 필드가 새 값으로 업데이트되지 않습니다. – rafaelbiten

답변

2

난 그냥이 문제에 대한 해결책을 찾을 생각은 여기

은 내가 가진 무엇/= 조금 바보 : 나는 REDUX 형식을 가져되었다

import { combineReducers } from 'redux'; 
import { reducer as forms } from 'redux-form'; 

import otherReducer from './otherReducer'; 

export default combineReducers({ otherReducer, forms }); 

공지 사항 감속기를 forms으로 설정하고 내 combineReducers (예 : otherReducer)에서 ES6 Object 속성 값 단축을 사용합니다.

문제는 그 우리 combineReducers에 MUST을 REDUX 형 감속기을 전달하는 데 사용되는 키형태 이름, 그래서 우리는 그것을 변경해야 할 :

export default combineReducers({ customer, form: forms }); 

또는

import { reducer as form } from 'redux-form'; 
export default combineReducers({ otherReducer, form }); 

희망이 있습니다. 문서가 입니다.

관련 문제