javascript - 当子组件发生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

我认为最好的方法是将保存功能放在父组件中。为什么对话框应该知道如何保存，它只是一个对话框:)

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