Использование document.execCommand () с React - PullRequest
Новая
       26

Использование document.execCommand () с React

0 голосов
/ 24 марта 2020

Я выполняю рефакторинг редактора, который был построен с использованием html, css и vanilla javascript в React. Редактор имеет ряд кнопок - подчеркивание, полужирный, itali c et c, которые полагаются на document.execCommand (). Предлагает ли React эквивалент document.execCommand ()?

Например, каков наилучший подход для преобразования кнопки в кнопку в React? 

<button onClick="document.execCommand('underline', false, '');"></button>

Пока что я создал компонентную панель инструментов, в которой есть только кнопка подчеркивания и функция подчеркивания , Я нахожусь в тупике от того, что обеспечить функцию подчеркивания, чтобы сделать ее подчеркиванием текста после того, как я создаю компонент textarea. 

function Toolbar() {

    const underline = () => {
        console.log("underline!")
    };

    return (
        <>
            <div className="toolbar">
                <button className="tool-items fa fa-underline" onClick={() => {underline()}}/>
            </div>
        </>
    )
}
...