表格编辑反应而不渲染

Question

我是React的新手，我想在表格中显示一些数据，这是我从数据库中获取的数据。我已经制作了获取功能并且它可以工作，但现在我对如何执行某些操作有疑问。

1）假设我为每一行插入一个＆＃34; X＆＃34;按钮：如果我单击它，相关行将从表和数据库中删除。

2）假设我可以在同一页面添加一行：如果我这样做，则必须在表格和数据库中添加这一新行。

现在，在这两种情况下，我都可以简单地对数据库执行查询，然后再次渲染将再次查询数据库上的SELECT查询的页面，但我认为这不是一个好的解决方案，因为我可以避免SELECT查询：我可以执行REMOVE或ADD查询来删除/添加新记录，然后编辑变量this.state.customer而不再执行查询。

问题是：如果我修改this.state.customer，那么页面将再次呈现，因此再次执行查询..这是render（）函数

render() {
    let contents = this.state.loading
        ? <p><em>Loading Data From DB...</em></p>
        : Customer.render_Customers(this.state.customers);

    return (
        <div className="first-container">
            <h1>Customer</h1>
            {contents}                
        </div>
    );

在render_Costumer中我只返回一个表，其中每一行都是JSON中的记录，当第一个SELECT查询完成并且我有要显示的数据时，加载变量变为true。

有没有办法可以编辑表而不再执行SELECT查询？我认为它可能会更好：如果表格应该包含10000条记录，我想我会避免大量的数据传输。

到目前为止，我一直在考虑使用Jquery和操作DOM，但我试图不使用Jquery并只关注React，以便我可以学习它。