https://github.com/securingsincity/react-ace/issues/95 ์ ๋ณด๊ณ ๋ ๋ฌธ์ ๋ ์์ ๋ ๊ฒ์ผ๋ก ์ฌ๊ฒจ์ก์ง๋ง ๋ถํํ๋ ์ฌ์ ํ ๋ฐ์ํฉ๋๋ค.
์ฝ์์์ ๊ฒฝ๊ณ ๋ฐ๊ธฐ:
์ฒ ์๊ฐ ์๋ชป๋ ์ต์
"enableBasicAutocompletion"
์ฒ ์๊ฐ ์๋ชป๋ ์ต์
"enableLiveAutocompletion"
์ด ๋ฌธ์ ์ ๋ํ ํด๊ฒฐ์ฑ ์ ์๋ง๋ ์ด PR https://github.com/securingsincity/react-ace/pull/127 ์ด์์ง๋ง ์ผ๋ถ ๊ฒฝ์ฐ์๋ง ํด๊ฒฐ๋์์ต๋๋ค. ๋ค๋ฅธ ๊ฒฝ์ฐ์๋ ๋ฌธ์ ๊ฐ ๊ณ์ ๋ฐ์ํฉ๋๋ค.
์ค๋ฅ ์ธ๋ถ ์ ๋ณด๋ฅผ ๊ธฐ๋ฐ์ผ๋ก PR https://github.com/securingsincity/react-ace/pull/127/files ์ ์ ์ฌํ ๋ณ๊ฒฝ ์ฌํญ์ด ์ฌ๊ธฐ์๋ ์ ์ฉ๋์ด์ผ ํฉ๋๋ค: https://github.com/securingsincity/react-ace/ ์ผ๋ฃฉ/87bd672673d344d7e3eb3d5ec0ec0308c2223a3e/src/ace.jsx#L181
๋ช ๊ฐ์ง ์ต์ ๊ณผ ํจ๊ป ํธ์ง๊ธฐ๋ฅผ ์ฌ์ฉํ์ญ์์ค. ์:
<AceEditor
setoptions={{
enableBasicAutocompletion: true,
enableLiveAutocompletion: true,
enableSnippets: true
}}
/>
componentDidUpdate๊ฐ ํธ๋ฆฌ๊ฑฐ๋์๋์ง ํ์ธํ์ญ์์ค.
์งํ ์ํฉ: #
๋ซ๊ธฐ - ์ด ๋ฌธ์ ๋ import 'brace/ext/language_tools';
์ถ๊ฐํ์ฌ ํด๊ฒฐํ ์ ์์ต๋๋ค.
๋๋ ๋ค์๊ณผ ๊ฐ์ด ๊ทธ๊ฒ์ ํด๊ฒฐํ๋ค.
import "ace-builds/src-noconflict/ext-language_tools";
@ziishhaned ์ด ๊ฐ์ ธ ์ค๊ธฐ๋ ๋๋ฅผ ์ํด ์์ ํ์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋น์ ์ ์์ ํ๊ณผ ์ฃผ๋ฌธ์ ๋ฌด์์ ๋๊น?
@ziishaned ๊ฐ์ฌํฉ๋๋ค. "react-ace": "6.3.2"๋ฅผ "react-ace": "^9.2.1"๋ก ์ ๊ทธ๋ ์ด๋ํฉ๋๋ค.
๋ฐ๋ผ์ react-ace
๋ v8๋ถํฐ ๋ ์ด์ brace
ํจํค์ง๋ฅผ ์ฌ์ฉํ์ง ์์ต๋๋ค.
https://github.com/securingsincity/react-ace/issues/638#issuecomment -649181737
๋ฐ๋ผ์ "ace-builds/src-noconflict/ext-language_tools"์์ ํ์ฅ ๋๊ตฌ ํจํค์ง๋ฅผ ๊ฐ์ ธ์์ผ ํ์ต๋๋ค.
v6 -> 8์์ ๋ง์ด๊ทธ๋ ์ด์
๊ฐ์ด๋
https://github.com/securingsincity/react-ace/blob/main/docs/Migrate-v7-to-v8.md
@gone-skiing
import 'ace-builds/webpack-resolver';
import 'ace-builds/src-noconflict/mode-java'; (ํ
๋ง์ฉ)
import 'ace-builds/src-noconflict/ext-language_tools';
...
๋๋ฅผ ์ํด ์ผํ๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
๋ซ๊ธฐ - ์ด ๋ฌธ์ ๋
import 'brace/ext/language_tools';
์ถ๊ฐํ์ฌ ํด๊ฒฐํ ์ ์์ต๋๋ค.