gpt4 book ai didi

javascript - React.Js 未在 django 项目中渲染

转载 作者:行者123 更新时间:2023-12-01 00:17:01 24 4
gpt4 key购买 nike

我正在创建一个项目,其中 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>

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 run dev 和 python manage.py runserver 后,这是一切正常的状态,直到这里:

the status

最佳答案

更改此源代码:

document.getElementById('app')

...对此:

document.getElementById('App')

关于javascript - React.Js 未在 django 项目中渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59694929/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com