当子组件中发生onclick事件时，如何重新呈现父组件？

Question

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

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


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

Answer 1

我认为最好的方法是将save函数放入父组件中。为什么Dialog应该知道如何保存，它只是一个对话框：）

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