Отобразить компонент

@Dr2 · Регистрация: 22.12.2014

Author24 — интернет-сервис помощи студентам

Вкатываюсь в react. Пытаюсь сделать элементарное - отобразить компонент, внутри которого будет вызываться и отображаться другой компонент, но у меня не получается.

Javascript

var TestHeader = React.createClass({
    render: function () {
        return (
            <h1>HEADER</h1>
        )
    }
});
 
class Hello extends React.Component {
    render() {
        return (
            <div>
                <TestHeader />
            </div>
        )
    }
}
 
ReactDOM.render(
    <Hello />,
    document.getElementById("content")
);

Так же пробовал Header вынести в отдельный класс в другой файл

Javascript

class Header extends React.Component {
    render() {
        return
        (
            <div>HEADER</div>
        )
    }
}

и вызывать так:

Javascript

class Hello extends React.Component {
    render() {
        return (
            <div>
                <Header />
            </div>
        )
    }
}
 
ReactDOM.render(
    <Hello />,
    document.getElementById("content")
);

Обоими способами получаю просто пустую страницу. При этом

Javascript

class Hello extends React.Component {
    render() {
        return (
            <div>
                Hello, world!
            </div>
        )
    }
}
 
ReactDOM.render(
    <Hello />,
    document.getElementById("content")
);

отображается.

@Dr2 · 24.11.2019, 10:39 **[ТС]**

Была проблема с какими-то зависимостями. Пересоздал не пустой проект, а React проект и импорт заработал.

@Dr2 1 / 1 / 0 Регистрация: 22.12.2014 Сообщений: 42
	24.11.2019, 10:39 [ТС]	2
	Была проблема с какими-то зависимостями. Пересоздал не пустой проект, а React проект и импорт заработал. 0

Опции темы