javascript - React : Handle multiple browser(s), 浏览器标签限制重复操作

Question

我有一个按钮Submit单击时执行一些调用 API 的操作。单击后，按钮被禁用或基本上是按钮的初始状态，并且操作发生了变化。
我有两个或多个浏览器选项卡，它们显示 Submit 的相同屏幕.如果在任一选项卡中，Submit执行操作时，其他选项卡应显示更新的版本。其他选项卡应显示禁用版本，不应显示初始状态。
我如何实现这一目标？我正在使用 react ，JS

Answer 1

#1 必须在服务器端限制数据重复。

我会推荐一些缓存，如 node-cache .节点缓存会有可伸缩性问题，所以最好使用 redis . (逻辑应该是 smt。如:如果表单已使用 user_id 或 form_id 提交，您可以为此创建一个缓存，如果继续执行，将其存储在数据库中，其他情况会抛出错误。在其他浏览器上，如果 submit 既不在缓存中也不在 unique_id 中，则必须在 db 之前验证。如果存在，您可以在 nr.2 浏览器中抛出错误。

#2 如果你想禁用按钮，你必须使用 websockets