Reactでボタンのダブルクリックを防止したい

Question

reactでボタンのダブルクリックを防止したいです。

現在reactでchatアプリを作っています。
チャットをフォームに入力すると、モーダルが出ます。
このモーダルのボタンをクリックするとモーダルが消えます。

サーバーが遅いのが原因なのか、ボタンを高速にクリックすると、
モーダルが消えるまでに、何回もモーダル内のボタンを押せてしまいます。
以下の記事を読みましたがうまくいきません。
どうしたらいいでしょうか？
https://stackoverflow.com/questions/35315872/reactjs-prevent-multiple-times-button-press

Answer 1

モーダルが消えるまでに、何回もモーダル内のボタンを押せてしまいます。

画面が消えるのが追いつかない場合、クリックされること自体を防ぐことはできません（クリック時の処理を1回しか実行しないとか、1度クリックすればボタンを反応しないようにする、ということは可能です）。

Comments

[lulu]

lodshのthtotteを使うことで解決できました。
どんなに関数発火しても、一秒間に一回しか関数が発火しないようにする関数です。