削除要求を送信した後の再レンダリングが反応しない

Question

私はフロントエンドにReact.jsを、バックエンドにExpress.jsを持っています。現時点では、React with Deleteリクエストから投稿を削除しようとしていますが、削除後に新しいリストを表示する前にURLに移動してEnterキーを押す必要があります。リフレッシュする必要なく、ページを再レンダリングしたいと思います。

class Rentals extends Component { 

    constructor(props) { 
     super(props); 
     this.state = { 
      completelist: [], 
      apiLoaded: false, 
     } 
     this.conditionalRentList = this.conditionalRentList.bind(this); 
     this.handleDeleteButton = this.handleDeleteButton.bind(this); 
     this.fetchAllRentals = this.fetchAllRentals.bind(this); 
    } 

    componentDidMount() { 
     this.fetchAllRentals(); 
    } 

    fetchAllRentals() { 
     fetch('api/listofrentals') 
      .then((res) => { 
       return res.json() 
      }) 
      .then((fullrental) => { 
       this.setState((prevState) => { 
        return { 
         completelist: fullrental.rentalsData, 
         apiLoaded: true 
        } 
       }) 
      }) 
    } 

    conditionalRentList() { 
     if (this.state.apiLoaded === true) { 
      return (
       <RentalsComp 
        completelist={this.state.completelist} 
        handleDeleteButton={this.handleDeleteButton} 
       /> 
      ); 
     } else { 
      return <p> Loading </p> 
     } 
    } 

    handleDeleteButton(idToBeDeleted) { 
     fetch(`api/listofrentals/${idToBeDeleted}`, { 
      method: 'DELETE' 
     }).then((res) => { 
      if (res.json === 200) { 
       this.fetchAllRentals(); 
      } 
     }) 
    } 

} 

機能handleDeleteButtonは、すべてのリストを取得し、それがfetchAllRentals関数を呼び出しますが、その理由は、いくつかのために働いていないので、リフレッシュすることなく、それをレンダリングする必要があります。

Answer 1

resp.status === 200としていましたが、代わりにresp.json === 200を行っていました。