Django 中的 ReactJs 返回



我是Reactify Django的新手。实际上,我正在尝试渲染 React JS 而不是 HTML 页面。我有以下几点:

views.py

from django.shortcuts import render
def home(request):
return render (request, 'home.html')

首页.html

<html>
<head>
{% load staticfiles %}
<script src="{% static '/App.js' %}"></script>
</head>
<body>
<p>Hello World Home</p>
{% block content %}{% endblock %}
</body>
</html>

应用.js

import React from 'react';
import logo from './logo.svg';
import './App.css';
function App() {
return (
<div className="App">
Hello to react app!
</div>
);
}
export default App;

settings.py

STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(SETTINGS_PATH, 'frontend/src'),
)

我不确定,如果我正确理解了这个概念。但是我正在寻找在 django 中返回反应渲染的 html。我在同一文件夹的前端目录中安装了我的反应应用程序。任何澄清,将不胜感激。

你需要将脚本包含在 Django 模板块中,这样——


{% block scripts %}
<script src="{% static '/App.js' %}"></script>
{% endblock %}

最新更新