Reactjs 使用fetch时react中出现意外标记

我是一个新的反应，我一直在网上学习。但我有一些问题。每当我试图获取的网址，它说 语法错误：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;

import React，{Component}来自'React'；
导入“/App.css”；
从“./components/Flat”导入平面；
类应用程序扩展组件{
建造师（道具）{
超级（道具）；
这个州={
单位：[]
}
}
componentDidMount（）{
常量url=”https://raw.githubusercontent.com/lewagon/flats-boilerplate/master/flats.json";
获取url（）
.then（response=>response.json（））
。然后（（数据）=>{
控制台日志（数据）；
});
}
render（）{
返回(
{this.state.flats.map（（flat）=>{
返回
})}
);
}
}
导出默认应用程序；

---

如果我犯了愚蠢的错误，我将非常感谢您的帮助，并表示歉意。您应该在第14行中用fetch（url）替换fetch url（）

您可以这样更改fetch

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);
    });

---

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

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

---

我犯了个愚蠢的错误谢谢你的回答