如何将对象数组传递给HTML文件中的React组件

时间:2016-05-29 21:55:04

标签: html dom reactjs

我的英语非常基础(对不起)。

我需要帮助在我的html文件中使用golang渲染应用程序。

我的结构文件是:

- app
  /dist
     - bundle.js
  /main
  /template
     - index.html
     - index.js
     /js/Component.js

好的......现在我将解释我的问题...

我的html文件包含。

<script type="text/babel">
 jQuery("document").ready(function(){
 jQuery("#sent-btn").click(function(ev){
   var data_json = {};
   data_json['w'] = jQuery("#w").val();
   data_json['r'] = jQuery("#r").val();
   $.ajax({
         type: 'post',
         url: 'investigate',
         data: JSON.stringify(data_json),
         contentType: "application/json; charset=utf-8",
         traditional: true,
         success: function(data) {
             var list = []
             for (var i = 0; i < data.Data.length; i++) {
               list.push({"name":data.Data[i].File , "email":data.Data[i].Quantity})
             }
             ReactDOM.render(<Component contacts=list />, getElementById("forms"))
             //ReactDOM.render(<ReactRouter.Router><ReactRouter.Route name="Component" path="" contacts={list} /> </ReactRouter.Router>, document.getElementById("forms"));
             //ReactDOM.render(< Component contacts={list} />, getElementById("forms"))
        }
        });
      });
    });

- &GT; Index.js

澄清: 我也有index.js包含假定的javascript文件来使用我的组件和webpack转换index.js到bundle.js

我的index.js是:

import React from 'react'
import ReactDOM from 'react-dom'

// Import component
import Component from './js/Component.js'

这种情况是我需要将脚本发送到Component而我不知道。

我需要做一些评论,但我不能,请帮忙。

抱歉我的英文。

0 个答案:

没有答案