Question

我是新手做出反应，我一直在网上学习。但是我有一些问题。无论何时我试图获取网址，它说语法错误：C：/xampp/htdocs/react-project/src/App.js：意外的令牌，预期; （14:10）。我按照与视频相同的步骤，但我也遇到了问题。这是代码

import React, { Component } from 'react';
import './App.css';
import Flat from './components/flat';
class App extends Component {
  constructor(props){
    super(props);
    this.state={
      flats:[]
    }
}
  componentDidMount(){
    const url="https://raw.githubusercontent.com/lewagon/flats-boilerplate/master/flats.json";
    fetch url()
    .then(response =>response.json())
    .then((data)=>{
        console.log(data);
    });
  }
  render() {
    return (
      <div className="app">
        <div className="main">
          <div className="search">
          </div>
          <div className="flats">
          {this.state.flats.map((flat)=>{
            return <Flat flat ={flat} />
          })}
          </div>
        </div>
        <div className="map">
        </div>
      </div>
    );
  }
}
export default App;

Here is the error message

如果我做了愚蠢的错误，我将非常感谢你的帮助和对不起

Answer 1

您应该使用第14行中的fetch（url）替换fetch url（）

Answer 2

您可以像这样更改提取

const url="https://raw.githubusercontent.com/lewagon/flats-boilerplate/master/flats.json";

fetch(url, {
      method: 'GET',
    }).then(response =>response.json())
    .then((data)=>{
        console.log(data);
    });

Answer 3

这是简单的语法错误。它应该是：

 fetch(url).then(response => response.json()).then(//dosomething)

使用fetch

3 个答案: