reatcJS - 以.JSON格式在新文件中进行API调用和存储数据

Question

您好我有反应管理模板，我正在尝试将API生成的JSON数据输入到模板中给出的示例表中。

目前 该表从../ assets / api / tables / datatables.standard.json手动输入数据

该表位于 ../应用程序/路由/表/ Datatables.js

代码：

    <WidgetGrid>


      <div className="row">
        <article className="col-sm-12">



          <JarvisWidget editbutton={false} color="blueDark">
            <header>
              <span className="widget-icon"> <i className="fa fa-tasks"/> </span>
              <h2>Task List and Status</h2>
            </header>
            <div>
              <div className="widget-body no-padding">

                <Datatable
                  options={{
                    ajax: 'assets/api/tables/datatables.standard.json',
                    columns: [
                      {data: "id"},
                      {data: "aliasName"},
                      {data:"author"},
                    {data: "action"},

                      {data: "updatedAt"},
                      {data: "lastRanAt"},
                      {data:"nextRunAt"},
                      {data: "status"},
                      {data:"scheduleEnabled"}
                    ],
                    buttons: [
                      'copy', 'excel', 'pdf'
                    ]
                  }}
                  className="table table-striped table-bordered table-hover"
                  width="100%">
                  <thead>
                  <tr>
                    <th data-hide="mobile-p">Job UID</th>
                    <th data-hide="mobile-p">Task Name</th>
                      <th data-hide="mobile-p">Author</th>
                    <th data-hide="mobile-p">Action</th>
                        <th data-hide="mobile-p,tablet-p">Updated at</th>
                    <th data-hide="mobile-p,tablet-p">Last executed</th>
                    <th data-hide="mobile-p">Next execution</th>
                    <th data-hide="mobile-p">Current Status</th>
                      <th data-hide="mobile-p">Schedule Enabled</th>
                  </tr>
                  </thead>
                </Datatable>

              </div>
            </div>
          </JarvisWidget>
        </article>


      </div>

    </WidgetGrid>

这是我的问题：

我正在使用reactjs，我如何进行API调用以将数据存储到＆＃39; ../ assets / api / tables / datatables.standard.json＆＃39;文件

我当前在datatables.standard.json文件中手动输入数据。

告诉我在哪里可以运行该API代码？是app.js还是我应该用JS扩展或JSX扩展创建一些新文件。我对互联网上的这么多答案感到困惑

请帮忙。谢谢，

• Chaitu