瀏覽代碼

Allow playing/pausing with spacebar

master
Dylan Baker 4 年之前
父節點
當前提交
05e950922f
共有 1 個檔案被更改,包括 9 行新增1 行删除
  1. 9
    1
      src/Controls.tsx

+ 9
- 1
src/Controls.tsx 查看文件

@@ -1,4 +1,4 @@
1
-import React from 'react';
1
+import React, { useEffect } from 'react';
2 2
 
3 3
 interface Props {
4 4
   running: boolean;
@@ -33,6 +33,14 @@ const Controls = (props: Props) => {
33 33
     }
34 34
   };
35 35
 
36
+  useEffect(() => {
37
+    document.addEventListener('keyup', (e) => {
38
+      if (e.key === ' ') {
39
+        toggle();
40
+      }
41
+    });
42
+  }, [toggle]);
43
+
36 44
   return (
37 45
     <div className="controls">
38 46
       <div className="controls__section dimensions">

Loading…
取消
儲存