React:处理多个浏览器、浏览器选项卡以限制重复操作

Mat*_*van 6 javascript browser reactjs

Submit单击时我有一个按钮执行一些调用 API 的操作。单击后,按钮被禁用或基本上按钮的初始状态和操作发生变化。

我有两个或多个浏览器选项卡显示相同的Submit. 如果在任一选项卡Submit中执行操作,其他选项卡应显示更新的版本。其他选项卡应显示禁用版本,不应显示初始状态。

我如何实现这一目标?我正在使用 React、JS

在此处输入图片说明

Pet*_*ter 1

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

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

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