React Star评级点击一次后如何禁用

import React, { useState } from 'react';

function App() {
  const [disabled, setDisabled] = useState(false);

  // 其他代码...

  return (
    <div>
      {/* React Star评级组件 */}
      <ReactStar disabled={disabled} />

      {/* 禁用按钮 */}
      <button onClick={() => setDisabled(true)}>禁用评级</button>
    </div>
  );
}

export default App;

function ReactStar({ disabled }) {
  // 其他代码...

  return (
    <div>
      {/* 星星评级组件的实现 */}
      {/* 根据disabled状态变量来决定是否禁用评级 */}
      <Star disabled={disabled} />
      <Star disabled={disabled} />
      <Star disabled={disabled} />
      <Star disabled={disabled} />
      <Star disabled={disabled} />
    </div>
  );
}