Reactjs - 如何在鼠标滚动上渲染文本并更改其大小（递增/递减）

Question

使用Reactjs如何使用鼠标滚动（递增/递减）在页面上呈现文本大小应该更改的文本

Answer 1

我认为使用这样构建的状态创建React组件：

state = {
    fontSize: 11
}

然后使用本机onwheel事件将鼠标滚轮绑定到此状态https://www.w3schools.com/jsref/event_onwheel.asp

然后，在你的文本中，假设它在一个

<p> TEXT HERE </p>

标签，你正在使用JSX，你可以这样写：

<p style={{ fontSize: this.state.fontSize }}> TEXT HERE </p>

这将使文本对您的状态更改做出反应。只要将onwheel事件正确地绑定到react状态，这应该可行！