为react中的range添加mouseup事件

import React, { useState } from 'react';

function RangeComponent() {
  const [value, setValue] = useState(0);

  const handleRangeChange = (event) => {
    setValue(event.target.value);
  };

  const handleRangeMouseUp = () => {
    // 在这里处理mouseup事件
    console.log('Mouse up event triggered');
  };

  return (
    <div>
      <input
        type="range"
        min="0"
        max="100"
        value={value}
        onChange={handleRangeChange}
        onMouseUp={handleRangeMouseUp}
      />
      <p>Range value: {value}</p>
    </div>
  );
}

export default RangeComponent;