在React中的Scroll上更新样式组件的CSS

import React, { useState } from 'react';

const ScrollComponent = () => {
  const [scrollStyle, setScrollStyle] = useState({}); // 初始化样式为空对象

  const updateScrollStyle = () => {
    const newStyle = {
      // 更新样式
      backgroundColor: 'red',
      color: 'white',
      fontSize: '20px',
    };
    setScrollStyle(newStyle); // 更新state中的样式
  };

  return (
    <div>
      <button onClick={updateScrollStyle}>更新样式</button>
      <div className="scroll" style={scrollStyle}>
        {/* Scroll组件的内容 */}
      </div>
    </div>
  );
};

export default ScrollComponent;