使用模态和redux道具的实际问题

Question

我正在使用React。我有一个模态组件，它带有标题，描述，打开（布尔）和关闭处理程序。

我这样使用它：

const texts = {
  okTitle: '...',
  okDescription: '...',
  errTitle: '...',
  errDescription: '...'
}

const modalTitle = texts[`${props.userUpdate.message}Title`;
const modalDescription = texts[`${props.userUpdate.message}Description`;

<Modal
  title={modalTitle}
  description={modalDescription}
  open={props.userUpdate.message}
  dismissHandler={props.dismissHandler}
/>

[可以，但是dismissHandler将userUpdate.message设置为false，因此，当模态关闭时，一瞬间，由于texts[false]为undefined，标题和说明显示为未定义，并且看起来很糟。] >

对此有一个简单的解决方案吗？

[我想我可以为open道具使用一个不同的字段，并且在关闭时，仅对其进行更改，但保留最后一条消息，但也许有一个更简单的解决方案。

我正在使用React。我有一个模态组件，它带有标题，描述，打开（布尔）和关闭处理程序。我这样使用它：const texts = {okTitle：'...'，okDescription：'...'，...

Answer 1

大致，我将使用useEffect和一个新的状态变量，该状态变量仅在定义消息时才更新：