reactjsのレンダリングを再ロードする方法

Question

こんにちは、私はReactjsを初めて使いました。モーダルで削除ボタンをクリックすると、レンダリングを再ロードするのが難しくなります。私はボタンをクリックした後、レンダリングはページをリロードせずにリロードする必要があります。ここで

は、私のコードの一部です：

render (
    .... 
    <button className="btn btn-black btn-myproducts-delete" 
data-toggle="modal" onClick={ this.assignId.bind(null, data.id) }> 
<span className="glyphicon glyphicon-trash"></span> 
&nbsp;Delete</button> 
) 

私のモーダル

<Modal isOpen={ this.state.showModal } 
      onRequestClose={ this.closeModal } 
      style={customStyles} 
      contentLabel="Delete"> 
      <div className="modal-dialog"> 
       <div className="modal-content"> 
        <div className="modal-header"> 
         <button type="button" className="close" onClick={this.closeModal}>&times;</button> 
         <h4 className="modal-title">Delete</h4> 
        </div> 
        <div className="modal-body"> 
        <p>Are you sure you want to delete this? 
        You cannot undo this method.</p> 
        </div> 
        <div className="modal-footer"> 
        <button type="button" className="btn btn-danger" 
        onClick={this.deleteProduct.bind(null, this.state.productId)}>Delete</button> 
        <button type="button" className="btn btn-default" onClick={this.closeModal}> 
        Cancel 
        </button> 
        </div> 
       </div> 
      </div> 
      </Modal> 

を、削除

delete = (idd) => { 
    const { actions } = this.props; 

    actions.delete(id); 
    this.setState({showModal: false}); 

    window.location.reload(); 
} 

のために私は何をすべきでしょうか？

Answer 1

あなたが「削除」あなたの関数を呼び出しているところ、私は理解していません。
とにかく、あなたの状態やあなたの小道具が変わると、反応して、あなたのコンポーネントが更新されます。 this.setState()コンポーネントを更新します。あなたは状態や小道具の変更せずにコンポーネントを更新する場合
あなたはthis.forceUpdate()
私は）それが（レンダリング呼び出しますSETSTATEを使用して:)