使用假api'myjson.com'从数组中获取第一个元素

时间:2019-07-14 10:53:23

标签: javascript reactjs axios

在“ myjson.com”网站上,我创建了一个网址“ https://api.myjson.com/bins/17qwmf”,该网址返回了一个数组。如何获得带有'id:1'的元素,即数组中的第一个元素。我正在尝试通过以下方式进行操作:“ https://api.myjson.com/bins/17qwmf/1”,但出现错误。

从文档看来,它可以完成:http://myjson.com/api

此处的代码:stackblitz demo

class Items extends Component {
  constructor (props) {
    super(props);
    this.state = {   
      items: []
    }
  }

  componentDidMount() {
    const id = 1;
    axios.get
      axios({
        url: `https://api.myjson.com/bins/17qwmf/${id}`,
        method: "GET"
      })
      .then(response => {
        console.log(response.data);
        this.setState({
          items: response.data
        });
      })
      .catch(error => {
        console.log(error);
      })
  }

  render () {
    return (
      <div > 

      </div>
    )
  }
}

2 个答案:

答案 0 :(得分:1)

如果没有路由器通过其ID获取元素,则必须过滤得到的数组

cake

答案 1 :(得分:0)

如果您只想获取具有您传递的ID的元素,请选中此https://api.myjson.com/bins/17qwmf?id= $ {id}