将 json 映射到 axios.get 的问题

Question

我叫 Jose，我正在尝试获取数组中的数据 Json，以便用 React 显示。我的 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 -节点模块 -public --index.html -src --index.js

json 文件位于 vps.../fuentes/proceso.json。这是另一台服务器，我可以通过 url

访问它

谢谢

Answer 1

不需要axios，

axios 的真正用途是当您想从 API 或从您的服务器获取数据时，如果 proceso.js 在不同的服务器上，那么它很好用。

您可以做的是创建一个文件；

// proceso.js

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

然后像这样使用它：

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

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

如果服务器正在更新您的 json 文件，则将文件放入 public 文件夹，然后尝试通过 public 文件夹路径调用 axios，

因为一旦构建生成，您将无法访问其他目录，如 src 目录

将 json 映射到 axios.get 的问题

Problems to map a json with axios.get

json

reactjs

axios