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 с состоянием реакции, это должно работать!