Question

我正在使用Django和React进行项目。我从Django的Twitter API中获取数据，并且希望在前端显示数据。我将数据从django views.py传递到index.html作为javascript变量。然后，我要在“组件”文件夹中的Landing.js中展示它。我使用了React路由器，“登陆和主页”页面是我到目前为止要路由的页面。我还没有弄清楚如何将数据从单个html文件传递到React中的Javascript组件

预先感谢

#define MAX_USERNAME 20
#define MAX_PASSWORD 80

char file_username[MAX_USERNAME];
char file_password[MAX_PASSWORD];

<!-- index.html -->
<section class="section">
    <div class="container">
          <div id="app" class="columns"><!-- React --></div>
    </div>
  </section>
  <script type="text/javascript">
    window.myVar = "{{context.near.text}}";
    //data can be passed from the Django.views.py
    
  </script>

  {% load static %}
  <script src="{% static 'frontend/main.js' %}"></script>

This is my tree structure

this is context I pass from Django views.py

this is a variable I want to pass to "LANDING" components This is "Landing.js" components I want to show the variables

Answer 1

在window对象（可能是window._DEFAULT_DATA）中创建一个新属性，并将其传递给您视图中Django的序列化数据。

在HTML的head标签中

<script>
    window._DEFAULT_DATA = 'Data parsed in string'
 </script>

然后，当您要使用它时，只需使用JSON.parse来拥有一个新的JSON。

如何在index.html中传递变量以响应组件

1 个答案: