redux-form找不到商店

3 回答

• 0

  我使用过redux-mock-store，react-redux，酶和柴 .

  例如：

  singup

  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);
    });
  
  });
  

  回复于 2024-05-19T00:29:06+08:00
• 2

  我相信你需要与提供商一起通过商店 . 这是我用redux-form工作的github repo：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

  回复于 2024-05-19T00:29:06+08:00
• 1

  所有这些例子都是wrapped with Provider . 如何设置Redux存储超出了 redux-form 文档的范围 . 按照约书亚发布的链接了解这一点 .

  回复于 2024-05-19T00:29:06+08:00