React JS导出问题[重复]答案

【问题标题】：Issue with React JS export [duplicate]React JS导出问题[重复]
【发布时间】：2018-04-04 20:09:34
【问题描述】：

错误

警告：React.createElement：类型无效 - 应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。您可能忘记从定义组件的文件中导出组件。检查

的渲染方法

Switch.jsx

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import { SwitchUnit } from './sitch_unit.jsx';

export default class MySwitch extends Component{

  constructor(props) {
    super(props);

  }

  render(){
    return(<div>
        <SwitchUnit />
        <SwitchUnit />
        </div>
    );
  }
}

sitch_unit.jsx

import React, {Component} from 'react';
import ReactDOM from 'react-dom';

export default class SwitchUnit extends Component{

  constructor(props) {
    super(props);

  }

  render(){
    return(
        <div className="xxx">xxx</div>
    );
  }
}

【问题讨论】：

标签： reactjs ecmascript-6

【解决方案1】：

您已将SwitchUnit 导出为default。将import { SwitchUnit } from './sitch_unit.jsx' 替换为import SwitchUnit from './sitch_unit.jsx'

【讨论】：

【解决方案2】：

你必须像这样导入：

import SwitchUnit from './sitch_unit.jsx';

因为 SwitchUnit 是默认方法。

【讨论】：