javascript - ReactJS - 当使用条件渲染不可行时，如何生成可扩展的组件？

我正在开发一个 react 组件来显示错误、成功和其他消息。

该组件采用属性type和message。类型决定消息的样式，而消息是内容本身。我需要构建可扩展的组件，并且创建条件渲染是不可行的，因为随着消息数量的增加，所需的变量和函数的数量将呈指数级增长。我需要一种仅在需要更改 Prop (例如特定的未知错误消息)时才进行渲染的方法。

例如，类似:

onClick={() => <Message type={req.body.errorType} message="Internal Server Error" />}

这可能吗？

据我所知，我问的问题与其他“条件渲染”问题不同，因为这个问题的答案提出了我试图避免的问题。

编辑:这被标记为重复。如果举报的人已经阅读了问题下面的句子，我会先发制人地解释它如何不是重复的。链接的问题是我之前读过的问题，但没有帮助。

最佳答案

您有多个跨应用通知系统解决方案，它们依赖于 Portals 。

将句柄绑定(bind)到 onClick 并从处理程序调用一些通知组件。

这个相当简单:

关于javascript - ReactJS - 当使用条件渲染不可行时，如何生成可扩展的组件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47440335/