APIコンポーネントをメインコンポーネントに呼び出す方法

私はReactを初めて使用しました。コンポーネントでAPIコールを作成しました。メインコンポーネントにインポートを追加しようとすると、次のエラーが表示されます。エラー./src/containers/Ready_bricksapi.jsx モジュールが見つかりません：エラー：に '輸出' を解決できません "D：\ Brickzle（1）\ SRC \コンテナの./src/containers/Ready_bricksapi.jsx 1 @APIコンポーネントをメインコンポーネントに呼び出す方法

：0-65

./src @ /containers/homepage.jsx

./src/containers/app-route.jsx

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

@ webpack-dev-server/client？ http://localhost:8080のWebPACK /ホット/ devのサーバー./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> 
    }); 


    } 

}

今私の質問は、私が何を知らない私のコンポーネント

出典

2017-09-29 arvind audacious

@shotaリアクションAPIコールのいくつかのリンクをお勧めしますか？ –

リアクションの初心者チュートリアルをご覧ください。 – Mikkel

これは有料になるため、いくつかのリンクを提案してください。 –

にこのJSXファイルを追加する方法であります「支払う」ことを意味する - あなたは助言を支払うことを申し出ていますか？私はそれに本当に興味がありません。

これはあなたのやり方です。どこかのページ（通常index.html）でReactから最上位レベルrender()を受け取るHTML要素を指定します。

はのは、あなたのHTMLはこの

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

のように見えますし、あなたのスクリプトでこれを行うとしましょう：

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

だからmyDivのdivにあなたReadyBricksコンポーネントをレンダリングします。

しかし、あなたがすでにそれを知らず、Reactで物を作りたいのであれば、本当にコースをする必要があります。

出典

2017-09-29 12:32:11 Mikkel

APIコンポーネントをメインコンポーネントに呼び出す方法

答えて

関連する問題