Question

我是React的新手，我在组件中编写了一些API调用，当我尝试在主要组件中添加导入时，它显示以下错误错误在./src/containers/Ready_bricksapi.jsx中找不到模块：错误：无法解决＆＃39;导出＆＃39;在＆＃39; D：\ Brickzle（1）\ src \ containers＆＃39;

@ ./src/containers/Ready_bricksapi.jsx 1：0-65

@ ./src/containers/homepage.jsx

@ ./src/containers/app-route.jsx

@ ./src/entry-points/client.jsx

@ multi webpack-dev-server / client？this thread webpack / hot / dev-server ./src/entry-points/client.jsx

import React, { Component } from 'react';


export  class ReadyBricks extends Component {
   Constructor(props) {
     Super(props);
     this.setState = {
       bricksList: []


     };


   }
  componentDidMount() {
    this.readyBrick();
  };

     readyBrick() {
     console.log("inside get api");
     const url = '\'http://10.10.1.42:8070/api/user/brick/getBrickList?id=0\'';
       fetch(url, {
         method: 'GET',
         headers: {
           'Content-Type': 'application/json',
           'auth':'sdf345dvdfg4dfgdf435fghfhfg45123'
         },
       })
         .then(function (response) {
           let bricksList=response.results;
           return bricksList;
           console.log(bricksList);
         })

         .catch(function(error) {
           console.log(JSON.stringify(error));
         });





     }


  render() {
    const ReadyBricks = this.state.bricksList.map((item) => {
      return <div className="col-xs-12">
        <div className="col-xs-6">
          <p>Ready Brick Arts </p>
          {item}
        </div>
      </div>
    });


  }

 }

现在我的问题是如何将这个jsx文件添加到我的组件中

Answer 1

我不知道你的意思是“应付” - 你是否愿意支付建议？我对此并不感兴趣。

这是你如何做到的。在某个页面（通常是index.html）上，您指定一个HTML元素以从React接收顶级render()。

假设您的HTML看起来像这样

<body>
  <div id="myDiv"></div>
</body>

并在您的脚本中执行此操作：

React.render(
    <ReadyBricks/>,
    document.getElementById('myDiv')
);

这样会将ReadyBricks组件呈现为myDiv div。

但是如果你还不知道，并且你想用React构建东西，那么你真的需要做一个课程。

如何将React api组件调用到主组件中？

1 个答案: