问未呈现React json数组

EN

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

    this.state = {
      
      id:"",
      myArray: [],
}
}

componentDidMount(e) {
    console.log("fetching")
    fetch('/getMetaReport', {
      method: 'post',
      headers: {'Content-Type':'application/json', 'Accept': 'application/json'},
      body: JSON.stringify({id: 7}),
    }).then(res => res.json()).catch(error => {
      console.error('Error:', error);
  })
  .then(response => {
      console.log(response);
      this.state.myArray.push(response);
      console.log(this.state.myArray)
      
  }) 
  }

    return (
      <div className={s.root}>
        <h2 className="page-title" style={{color: "black"}}>
          Reports
        </h2>
        
<table>
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Title</th>
                    <th>Date</th>
                </tr>
                </thead>
                <tbody>
                    {
                        this.state.myArray.map((item) => (
                            <tr key={item.id}>
                                <td>{item.id}</td>
                                <td>{item.title}</td>
                                <td>{item.date}</td>
                                <td/>
                            </tr>
                        ))
                    }
                </tbody>
            </table>
        
      </div>
    )
  }