在React JS中使用图像作为单选按钮

import image1 from './image1.png';
import image2 from './image2.png';

import React, { useState } from 'react';

function RadioButton() {
  const [selectedImage, setSelectedImage] = useState(null);

  // 其他组件代码...

  return (
    // JSX代码...
  );
}

export default RadioButton;

function RadioButton() {
  // 状态变量和其他代码...

  const handleImageClick = (image) => {
    setSelectedImage(image);
  };

  return (
    <div>
      <img
        src={image1}
        alt="Image 1"
        onClick={() => handleImageClick(image1)}
        style={{ border: selectedImage === image1 ? '2px solid blue' : 'none' }}
      />
      <img
        src={image2}
        alt="Image 2"
        onClick={() => handleImageClick(image2)}
        style={{ border: selectedImage === image2 ? '2px solid blue' : 'none' }}
      />
    </div>
  );
}