Я использую реагирующий туз в своем реактивном компоненте
Это пример, который они предоставляют в npmjs (плюс небольшая оценка стоимости):
import React from "react";
import AceEditor from "react-ace";
import "brace/mode/python";
import "brace/theme/github";
function onChange(newValue) {
console.log("change", newValue);
}
function CustomAceEditor() {
return (
<AceEditor
mode="python"
theme="github"
onChange={onChange}
name="UNIQUE_ID_OF_DIV"
editorProps={{ $blockScrolling: true }}
width="100%"
/>
);
}
export default CustomAceEditor;
Когда я компилирую и выполняюэтот код я получаю в результате на следующем рисунке
Но, как вы можете видеть, есть вертикальная линия на виде .. как мне от нее избавиться?