你能帮我转换这个React星级吗？

import React, { useState } from 'react';

const StarRating = () => {
  const [rating, setRating] = useState(0);
  
  const handleRatingChange = (newRating) => {
    setRating(newRating);
  };
  
  return (
    <div>
      <h3>React星级评分</h3>
      {[...Array(5)].map((_, index) => (
        <span
          key={index}
          style={{ cursor: 'pointer' }}
          onClick={() => handleRatingChange(index + 1)}
        >
          {index < rating ? '★' : '☆'}
        </span>
      ))}
    </div>
  );
};

export default StarRating;