时间戳

首页 > 解决方案 > Django 中的 ReactJs 返回

django - Django 中的 ReactJs 返回

问题描述

我是 Reactify Django 的新手。实际上，我正在尝试渲染 React JS 而不是 HTML 页面。我有以下内容：

视图.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;

设置.py

STATIC_URL = '/static/'

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

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

标签： djangoreactjsreactify

解决方案

您需要将脚本包含在 Django 模板块中，例如 -


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

推荐阅读