React.createClass is not a function

192
21 апреля 2018, 18:22

Создал проект командой create-react-app test. Затем отредактировал файл App.js:

import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import logo from './logo.svg';
import './App.css';
class App extends Component {
    render() {
        var Hello = React.createClass({
            render: function() {
                return (<h1>Hello World</h1>);
            }
        });
        return (
            <div className="App">
                <header className="App-header">
                  <img src={logo} className="App-logo" alt="logo" />
                  <h1 className="App-title">Welcome to React</h1>
                </header>
                <Hello/>
                <p className="App-intro">
                  To get started, edit <code>src/App.js</code> and save to reload.
                </p>
            </div>
        );
    }
}
export default App;

При запуске ошибка TypeError: __WEBPACK_IMPORTED_MODULE_0_react___default.a.createClass is not a function, хотя в туториалах не ругается на React.createClass()

Answer 1

Вы в методе render класса App пытаетесь создать класс Hello. Его нужно вынести на уровень класса App. И лучше воспользоваться более современным способом создания класса class Hello extends Component{}

READ ALSO
Как проверить в массиве есть ли значение

Как проверить в массиве есть ли значение

У меня есть вложенный массив:

156
Вход в систему в Yii2

Вход в систему в Yii2

ЗдравствуйтеУ меня есть одна страница для входа в систему

166
Excel in MSSQL on web

Excel in MSSQL on web

Есть несколько excel файлов по проектам, каждый в соответствующей номеру проекта папкеСкажем на последнем листе excel-файла есть три ячейки в которых...

161
Проблема с проверкой куки

Проблема с проверкой куки

Сервер не видет куки (хотя они есть)

171