onClick редактировать Future CSS в текстовом поле

Question

Я пытаюсь создать базовый c пакет для обработки документов в React. У меня создана полужирная кнопка, но я не могу понять, как редактировать CSS текста в текстовом поле. Я уверен, что это возможно, я просто не знаю, как этого добиться. Среди прочего я думаю, что мой синтаксис неверен. Любая помощь была бы замечательной

export default function Bold() {

    boldStyle = { fontWeight: 'bold'}
        return (
            <div>
                <button className="bold" onClick={boldStyle}>B</button>
            </div>
        )
    }