使用带connect()的组件 - 无法读取undefined的属性'displayName'

Question

我有一个与函数'connect'和表示组件有关的奇怪问题

import React from 'react';
import { withRouter } from 'react-router';
import { connect } from 'react-redux';

import * as optionGroupActions from 'actions/optionGroupActions';
import OptionGroupForm from 'components/optionGroup/OptionGroupForm';

const mapDispatchToProps = (dispatch, ownProps) => {
  return {
    saveOptionGroup: (optionGroup) => {
      dispatch(optionGroupActions.fetchSaveOptionGroup(optionGroup));
    },
    onClickCancel: () => {
      ownProps.router.push('/product/options');
    }
  };
};

const OptionGroupAddContainer = connect(
  null,
  mapDispatchToProps
)(OptionGroupForm);

export default OptionGroupAddContainer;

这有效,但如果我用这个更改导入

import { OptionGroupForm } from 'components’;

我收到了这个错误:

connect.js:57Uncaught TypeError: Cannot read property 'displayName' of undefined

components/index.js看起来像

// OptionGroups
import OptionGroupForm from 'components/optionGroup/OptionGroupForm';

export {
  OptionGroupForm
};

Answer 1

根据您的构建过程，您可能需要像这样指定导入，以便将源视为相对路径而不是 npm 模块名称：

\n\n

import { OptionGroupForm } from './components\xe2\x80\x99;\n

\n