redux-formを使用して入力フィールドをレンダリングできますが、フィールド内にテキストを入力することはできません(各キーストロークで再描画されるようです) )。redux-formフィールドは入力フィールドにテキストを入力できません
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { createStore, combineReducers } from 'redux';
import { Field, reduxForm, reducer as formReducer } from 'redux-form';
const reducers = {
// ... your other reducers here ...
form: formReducer // <---- Mounted at 'form'
};
const reducer = combineReducers(reducers);
const store = createStore(reducer);
class TestForm extends Component {
formSubmit(props) {
console.log('form submitted');
}
render() {
const { handleSubmit } = this.props;
return (
<div>
This is a test form.
<div>
<form onSubmit={handleSubmit(this.formSubmit.bind(this))}>
<Field name="firstField" component="input" type="text" />
<button type="submit">Submit</button>
</form>
</div>
</div>
);
}
}
TestForm = reduxForm({
form: 'testingForm'
})(TestForm);
export default TestForm;
私も、文字通りコピーして公式Reduxの形式のドキュメントからの例を貼り付け:http://redux-form.com/6.0.2/docs/MigrationGuide.md/とIを以下のコードは、私が問題を特定しようとするのはとても簡単なものを作成し、ありますそれでも同じ問題が発生します。今数時間これを理解しようとしています。それはreduxまたはredux形式のバージョンかもしれませんか?
私はredux v3.5.2とredux-form v6.2.1を使用しています。
助けていただければ幸いです!
うん、これだった!共有ありがとう! –
うん!毎回私を捕まえる! – Intellidroid