如何在React中制作显示增量值的输入滑块？

import React, { useState } from 'react';

const Slider = () => {
  const [value, setValue] = useState(0);

  const handleSliderChange = (e) => {
    setValue(Number(e.target.value));
  };

  const handleSliderMouseUp = () => {
    // 将值传递给父组件
    // 可在此处触发其他操作
  };

  return (
    <div>
      <input
        type="range"
        min={0}
        max={100}
        value={value}
        onChange={handleSliderChange}
        onMouseUp={handleSliderMouseUp}
      />
      <input type="text" value={value} readOnly />
    </div>
  );
};

export default Slider;