Реагировать. Js не рендеринг в django проекте - PullRequest
0 голосов
/ 11 января 2020

Я создаю проект, в котором реакция ничего не отображает на django localhost

index. html

<!DOCTYPE html>
<html lang="en">
    <head></head>
    <body>
        <div id="App">
            <!---all will be define in App.js-->
            <h1>Index.html </h1>
        </div>
    </body>
    {% load static%}
    <script src="{% static "frontend/main.js" %}"></script>
</html>

app. js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import Header from './layout/header';

class App extends Component {
    render() {
        return (
        <h1>App.JS</h1>
        )
    }
}

ReactDOM.render(<App />, document.getElementById('app'));

это моя структура проекта:

Project structure

После запуска npm запустите dev и python manage.py runserver это состояние все здесь все в порядке:

the status

Ответы [ 3 ]

2 голосов
/ 11 января 2020

Измените этот исходный код:

document.getElementById('app')

... на этот:

document.getElementById('App')
0 голосов
/ 12 января 2020

document.getElementById чувствителен к регистру

0 голосов
/ 11 января 2020

Это потому, что ваш элемент имеет идентификатор "App", но вы пытаетесь подключить приложение к элементу "app". Это чувствительно к регистру.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...