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()
我希望能有所帮助：）

如何在reactjs中重新加载渲染

1 个答案: