Компонент ReactJs не отображается

Voice Of The Rain спросил: 27 ноября 2017 в 06:25 в: asp.net-mvc

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

Я использую asp.net Приложение MVC 5, и я следил за этим учебником https://reactjs.net/getting-started/tutorial_aspnet4.html, поскольку в учебнике указано, что вам нужно добавить пакет Nuget React.Web.Mvc4, который имеет некоторые зависимости.

Мой простой компонент React (SimpleComponent.jsx)

var ComponentBox = React.createClass({
    render: function() {
        return (<div style="background-color:antiquewhite">Hello World ReactJs Component!</div>);
    }
});ReactDOM.render(
    <ComponentBox />,
    document.getElementById('reactDiv')
);

, и моя бритва довольно проста

@{
    Layout = null;
}<!DOCTYPE html><html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/remarkable/1.7.1/remarkable.min.js"></script></head>
<body>
    <div id="reactDiv"></div>    <script src="@Url.Content("~/Scripts/SimpleComponent.jsx")"></script>
</body>
</html>

что-то пропустить?


0 ответов