Javascript 单击编辑文本框中的未来CSS

我试图在React中创建一个基本的文档处理套件。我创建了一个粗体按钮，但我不知道如何编辑文本框中文本的CSS。我确信这是可能的，我只是不知道如何实现。我认为我的语法是错误的。任何帮助都会很好

export default function Bold() {

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

导出默认函数Bold（）{
boldStyle={fontWeight:'bold'}
返回(
B
)
}

您是否正在尝试创建接收子对象的HOC？是否正在尝试创建接收子对象的HOC？