Как перезагрузить рендер в реагирующих

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()
Я надеюсь, что это может помочь:)