Allow editor to make text updates with state

dfinity · Jun 14, 2021 · 21cb9e5 · 21cb9e5
1 parent b37fd8b
commit 21cb9e5
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/components/Editor.tsx b/src/components/Editor.tsx
@@ -11,19 +11,27 @@ export const Container = styled.div`
 
 function OurEditor() {
   const monaco = useMonaco();
+  const [editorCode, setEditorCode] = useState("// def");
 
   useEffect(() => {
     if (monaco) {
       registerMotoko(monaco);
     }
   }, [monaco]);
 
+  const onEditorChange = (newValue, ev) => {
+    ev.preventDefault();
+    setEditorCode(newValue);
+  }
+
   return (
     <Container>
       <Editor
         height="90vh"
         defaultLanguage="motoko"
         defaultValue="// some comment"
+        value={editorCode}
+        onChange={onEditorChange}
       />
     </Container>
   )

diff --git a/tsconfig.json b/tsconfig.json
@@ -13,6 +13,7 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
+    "noImplicitAny": false,
     "noEmit": true,
     "jsx": "react-jsx"
   },