Javascript React.Js未在django项目中呈现_Javascript_Html_Django_Reactjs

Javascript React.Js未在django项目中呈现

javascript html django reactjs

Javascript React.Js未在django项目中呈现,javascript,html,django,reactjs,Javascript,Html,Django,Reactjs,我正在创建一个项目，其中react不会在django localhost上呈现任何内容 index.html <!DOCTYPE html> <html lang="en"> <head></head> <body> <div id="App">  <h1&

我正在创建一个项目，其中react不会在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>


Index.html
{%load static%}

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'));

import React，{Component}来自'React'；
从“react dom”导入react dom；
从“./layout/Header”导入标题；
类应用程序扩展组件{
render（）{
返回(
App.JS
)
}
}
ReactDOM.render(
在运行npm run dev和python manage.py runserver之后，这是状态，在此之前一切正常：
这是因为您的元素id为“App”，但您正在尝试将react App挂接到元素“App”上。它区分大小写。
这是因为您的元素id为“App”，但您正在尝试将react App挂接到元素“App”上。它区分大小写。
更改此源代码：
document.getElementById('app')

……为此：
document.getElementById('App')

更改此源代码：
document.getElementById('app')

……为此：
document.getElementById('App')

document.getElementById区分大小写
document.getElementById区分大小写
是否尝试将文件app.js的名称更改为app.js？是否尝试将文件app.js的名称更改为app.js？