TypeError: React-объект не определен в createElement

Question

Я новичок в React а также Material UI и я пытаюсь создать AppBar с Tabs как дети. Моя текущая реализация выглядит так:

import {React, PropTypes, Component} from 'react';
import TodoTextInput from './TodoTextInput';
import injectTapEventPlugin from 'react-tap-event-plugin';
import baseTheme from 'material-ui/styles/baseThemes/lightBaseTheme'
import getMuiTheme from 'material-ui/styles/getMuiTheme'
import {Tabs, Tab} from 'material-ui/Tabs';
import {AppBar} from 'material-ui/AppBar';

const styles = {
  headline: {
    fontSize: 24,
    paddingTop: 16,
    marginBottom: 12,
    fontWeight: 400
  }
};

function handleActive(tab) {
  alert(`A tab with this route property ${tab.props['data-route']} was activated.`);
}
const defaultStyle = {
  marginLeft: 20
};

class Header extends Component {
  render() {
    return (
      <header className="header">
      <AppBar title="TEST" />
        <Tabs>
          <Tab label="Tab 1" >
            <div>

            </div>
          </Tab>
          <Tab label="Tab 2" >
            <div>

            </div>
          </Tab>
          <Tab label="Tab 3" >
            <div>

            </div>
          </Tab>
          <Tab label="Tab 4" >
            <div>

            </div>
          </Tab>
        </Tabs>
        {children}
      </header>
    );
  }
}

module.exports = Header;

Я получаю сообщение об ошибке:

TypeError: undefined is not an object (evaluating '_react.React.createElement')

Я не уверен, как решить эту проблему. Пожалуйста помоги!

Answer 1

Вы импортируете React неправильно, но вы близки. Измените это на

import React, { PropTypes, Component } from 'react';

Думайте о Реакте как о родителе, а о других - как о детях. Вы также можете просто импортировать React и получить доступ к другому с помощью React.PropTypes а также React.Component,

Answer 2

Я получал сообщение об ошибке: "React.createElement не является функцией", и для моей ситуации исправление заключалось в изменении этого:

import React from "react-native";

Чтобы

import React from "react";

Спасибо, я исправил это, изменив import React с "react-native" на импорт React из "react".

Answer 3

Я также чувствовал ту же проблему при импорте React,{useState} из response; // Правильный импорт {React,useState} из response-native; //Неправильный