javascript - 类型错误 : Cannot read property 'find' of undefined in React-redux while running a test

Question

我知道有很多“无法读取属性“.find”未定义”的问题，但我一直在查看它们，但没有找到我正在寻找的答案。我正在对我的组件进行测试..并且这个没有通过..我能够使其他测试通过..但是“.find”返回一个未定义的错误..整个早上都在看它，但是找不到解决方案..有人可以帮助我吗？这是commentList.test.js 文件:

import React from 'react';
import { mount } from 'enzyme';

import { CommentList } from 'components/commentList';
import Root from 'Root';

let wrapped;
beforeEach(() => {
  const initialState = {
    comments: ['Comment 1', 'Comment 2']
  };

  wrapped = mount(
    <Root initialState={initialState}>
      <CommentList />
    </Root>
  );
});

it('creates one LI per comment', () => {
  expect(wrapped.find('li').length).toEqual(2);
});

这是commentList.js文件

import { connect } from 'react-redux';
import React, { Component } from 'react';

class CommentList extends Component {
  renderComments() {
    return this.props.comments.map(comment  => {
      return <li key={comment}>{comment}</li>
    })
  }

  render() {
      return (
        <div>
          <ul>
            {this.renderComments()}
          </ul>
      </div>
    )
}
}

const mapStateToProps = (state) => {
  return {
    comments: state.comments
  };
}

export default connect(mapStateToProps)(CommentList);

最后是 Root.js 文件:

import React from 'react';
import { Provider } from 'react-redux';
import { createStore } from 'redux';
import reducers from 'reducers';

export default ({ children, initialState = {} }) => {
  return (
    <Provider store={createStore(reducers, initialState)}>
      {children}
    </Provider>
  )
}

这是在我的终端中可以看到的内容 enter image description here

Answer 1

这可能来得有点晚了..当时我无法给出答案，因为我没有给出答案所需的声誉..哈哈..但是对于那些一直关注这个问题的人来说想知道我在哪里修复了..这里是:

替换这行代码

import { CommentList } from 'components/commentList';

这样:

import CommentList from 'components/commentList';

希望这对其他人有帮助。