2016-11-29 4 views
0

を使ってレンダリングされませんでした。私は標準の反応/還元アプリを持っています。 (どちらのライブラリも最新バージョンです)値は、これを書く前に還元型の

私はフォームを制御するためにredux-formを使いたかったのです。私はredux形式の減速機を追加し、私のアプリに "シンプルフォーム"をコピーしました。私は、変化の際にはreduceアクションが発生しているのを見ることができますが、入力フィールドの値は決してレンダリングされません。 また、アクションには、入力した最後の文字だけが含まれます。

私は本当にコードを提供したいと思いますが、何らかの理由でウェブサイトのコードが機能しているようです。 入力値が表示されない既知の理由はありますか?私は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と同じように)。

問題がキーMUSTはフォーム命名さ当社combineReducersにReduxの形式の減速を渡すために使用されるということですので、我々はそれを変更する必要があります。

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

または

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

希望しています。私は、そのドキュメントがthです。

関連する問題