ReactJS，一个显示系统消息的网格答案

【问题标题】：ReactJS, a grid displaying system messagesReactJS，一个显示系统消息的网格
【发布时间】：2021-08-13 22:13:53
【问题描述】：

我有一个使用 React 制作的网格样式网页，我计划让其中一个网格显示系统消息，例如按下 UP 按钮时“按下 UP 按钮”。

实现这样的事情的最佳方式是什么？我已经研究过重定向“console.log”消息和终端模拟器，但没有人真正谈到我在寻找什么。我希望以后能够导出日志并将它们作为文本文件或类似文件下载。

【问题讨论】：

使用 redux 设置队列样式存储，其中一个组件将侦听对该存储的更改并相应地更新组件。在您的特定情况下，每当生成系统消息时，将该系统消息推送到将更新组件的 redux 存储中:)
这很有趣，从来没有听说过 redux 被用于此。我会对此进行更多研究！

【解决方案1】：

您可以使用 useEffect 挂钩，通过侦听器事件侦听键盘输入，然后触发模式消息或您想要实现的目标。这是另一个用户询问的示例 How to register event with useEffect hooks?

【讨论】：