axson.getでjsonをマップする際の問題

Question

私の名前はJoseで、私は反応で表示される配列にデータJsonを取得しようとしています。私のJSONファイルは次のとおりです。

[{"nid":"460","title":"Prueba local","parent":"null"}, 
{"nid":"458","title":"Otra prueba","parent":"null"}... 

私のjsファイルは次のとおりです。

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import axios from 'axios' 
import './index.css'; 

class Ramas extends React.Component { 
    constructor(props) { 
    super(props); 

    this.state = { 
     data: [] 
    }; 
    } 

    componentDidMount(){ 
    axios 
     .get('../proceso.json') 
     .then(({ data })=> { 
     this.setState({ 
      data 
     }); 
     }) 
     .catch((err)=> {console.log('no recibido')}) 
    } 

私はどんな結果を得ることはありません。私はどんな助けにも感謝します。

マイフォルダ構造： react_root -nodemodules -public --index.html -src --index.js

JSONファイルはVPSにある... /フエンテス/ proceso.json 。それは別のサーバのAN私は、URLを経由してそれにアクセスすることができます

はありがとうござい

このため axiosの必要はありません

Answer 1

、

アウトAPIやからデータを取得したいときaxiosの実際の使用でありますproceso.jsが別のサーバーにあった場合は、そのサーバーを使用することをお勧めします。

---

できることは1つのファイルを作成することです。あなたのJSONファイルがサーバーによって更新されている場合は、

パブリックフォルダのパスを経由してaxiosを呼び出そうそしてその後、パブリックフォルダ内のファイルを入れて、

import proceso from 'path/to/proceso.js'; 

componentDidMount(){ 
    this.setState({ 
    data : proceso 
    }); 
} 

---

：

// proceso.js 

export default [ 
    {"nid":"460","title":"Prueba local","parent":"null"}, 
    {"nid":"458","title":"Otra prueba","parent":"null"} 
    ... 
] 

はそれが好きで使用します

ビルドが生成されると、srcディレクトリのように他のディレクトリにアクセスできなくなるため、