子组件中发生onclick事件时如何重新渲染父组件？答案

【问题标题】：how to rerender parent component when onclick event happend in child component?子组件中发生onclick事件时如何重新渲染父组件？
【发布时间】：2018-06-21 15:20:55
【问题描述】：

我对 React 还是很陌生。这是我的问题。我有一个对话框作为子组件，有一个保存按钮，当我点击保存时，将数据写入数据库。然后我需要重新渲染父组件。目前我只需刷新网页即可获取新数据。

class Row extends React.Component{
return(<Dialog />);
}


class Dialog extends React.Component{
_save=()=>{write into database}
return(
<UIDialog onClick={this.save} />
);
}

【问题讨论】：

在父组件中写入处理程序并更改父组件的状态，因此它将重新渲染父组件

标签： javascript reactjs reactive-programming

【解决方案1】：

我认为最好的方法是将保存功能放在您的父组件中。 Dialog为什么要知道怎么保存，只是一个对话框：）

将一个 prop 传递给 Dialog 组件，以便父级（Row 是父级）将写入数据库并执行必要的操作以了解 Dialog 是否应该消失。

【讨论】：