redux-form找不到商店

Question

我在React中是新手，我尝试将这个k=vz58jr启动表单应用到我的组件中，但是有问题：

不变性违规:无法在"Connect(ReduxForm(ContactForm))“的上下文或道具中找到”存储“。或者将根组件包装在一个，或者显式地将“存储”作为"Connect(ReduxForm(ContactForm))“的支柱。

我能用这个做什么？

Answer 1

我用过还原-模拟商店，反应-还原，酶和柴。

例如：

点名

class Signup extends Component { ... }

Signup = reduxForm({
  form: 'newUser',
  fields: ['email', 'password', 'confirmPassword']
})(Signup);

Signup = connect(null, actions)(Signup);

export default Signup;

signup.test

import React from 'react';
import { shallow, mount } from 'enzyme';
import { expect } from 'chai';
import configureStore from 'redux-mock-store';
import { Provider } from 'react-redux';
import Signup from '../src/components/signup';

let wrapper;
const mockStore = configureStore([]);
const store = mockStore({});

describe('Signup', () => {

  beforeEach(() => {
      wrapper = mount(
        <Provider store={store}>
            <Signup />
        </Provider>
      );
  });

  it ('should have signup className', () => {
    expect(wrapper.find('.signup')).to.have.length(1);
  });

});

Answer 2

我相信你需要通过供应商的商店。这是我在redux表单工作中得到的一个github回购：https://github.com/joshuaslate/mern-starter/blob/master/client/src/index.js#L34

下面是一段视频，介绍如何通过提供商传递商店：https://egghead.io/lessons/javascript-redux-passing-the-store-down-with-provider-from-react-redux

Answer 3

所有这些例子都是用提供者包装。如何设置Redux存储超出了redux-form文档的范围。按照约书亚张贴的链接来了解这一点。