@uiw/react-codemirror
Advanced tools
Comparing version 4.21.15 to 4.21.16
{ | ||
"name": "@uiw/react-codemirror", | ||
"version": "4.21.15", | ||
"version": "4.21.16", | ||
"description": "CodeMirror component for React.", | ||
@@ -43,3 +43,3 @@ "homepage": "https://uiwjs.github.io/react-codemirror", | ||
"@codemirror/theme-one-dark": "^6.0.0", | ||
"@uiw/codemirror-extensions-basic-setup": "4.21.15", | ||
"@uiw/codemirror-extensions-basic-setup": "4.21.16", | ||
"codemirror": "^6.0.0" | ||
@@ -46,0 +46,0 @@ }, |
@@ -106,13 +106,8 @@ <p align="center"> | ||
function App() { | ||
const onChange = React.useCallback((value, viewUpdate) => { | ||
console.log('value:', value); | ||
const [value, setValue] = React.useState("console.log('hello world!');"); | ||
const onChange = React.useCallback((val, viewUpdate) => { | ||
console.log('val:', val); | ||
setValue(val); | ||
}, []); | ||
return ( | ||
<CodeMirror | ||
value="console.log('hello world!');" | ||
height="200px" | ||
extensions={[javascript({ jsx: true })]} | ||
onChange={onChange} | ||
/> | ||
); | ||
return <CodeMirror value={value} height="200px" extensions={[javascript({ jsx: true })]} onChange={onChange} />; | ||
} | ||
@@ -119,0 +114,0 @@ export default App; |
741539
562
+ Added@uiw/codemirror-extensions-basic-setup@4.21.16(transitive)
- Removed@uiw/codemirror-extensions-basic-setup@4.21.15(transitive)