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} />
);
}

标签： javascriptreactjsreactive-programming

Answer 1

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

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