在React和Reactstrap中将值传递到进度条

import React, { useState } from 'react';

function ProgressBar() {
  const [progress, setProgress] = useState(0);

  // 其他组件代码...

  return (
    <div>
      {/* 进度条组件 */}
    </div>
  );
}

export default ProgressBar;

import React, { useState } from 'react';
import { Progress } from 'reactstrap';

function ProgressBar() {
  const [progress, setProgress] = useState(0);

  // 其他组件代码...

  return (
    <div>
      <Progress value={progress} />
    </div>
  );
}

export default ProgressBar;

function handleButtonClick() {
  setProgress(50); // 将进度条的值设置为50
}