React JS导出问题

Question

错误

警告：React.createElement：type无效 - 期望一个字符串（对于内置组件）或一个类/函数（对于复合组件）但得到：undefined。您可能忘记从其定义的文件中导出组件。请检查

的render方法

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

Answer 1

您已将int uiOptions = View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULLSCREEN; decorView.setSystemUiVisibility(uiOptions); 导出为SwitchUnit。将default替换为import { SwitchUnit } from './sitch_unit.jsx'

Answer 2

你必须像这样导入：

import SwitchUnit from './sitch_unit.jsx';

因为SwitchUnit是默认方法。