Import ReactAce from 'react-ace-editor'; import React, {useState} from 'react'; export default function

Question

Import ReactAce from 'react-ace-editor'; import React, {useState} from 'react'; export default function

CodeEditor() {
const [ace, setAce] = useState(null)

const onChange = (newValue, e) => {
console.log(newValue, e);

console.log(ace.getValue()); // Outputs the value of the editor
}

return (
<ReactAce
mode="javascript"
theme="eclipse"
setReadOnly={false}
onChange={onChange}
style={{ height: '400px' }}
ref={instance => { setAce(instance) }} // Let's put things into scope
/>
);
}

ребят такая штука в ref, set state не работает, почему?

#frontend #javascript #programming #react.js #russian

0

20.01.2021

1 ответов

22 просмотра

Белка 🦊 · Accepted Answer

Белка 🦊

Так что у тебя выходит, null? И в реф лучше кидать useRef! Тебе нет смысла держать это в state

0

20.01.2021

169 похожих чатов

Import ReactAce from 'react-ace-editor'; import React, {useState} from 'react'; export default function

1 ответов

Похожие вопросы