React本机自定义单选按钮活动按钮的不同颜色

import React, { useState } from 'react';

function RadioButton() {
  const [isActive, setIsActive] = useState(false);

  const handleButtonClick = () => {
    setIsActive(!isActive);
  };

  return (
    <button
      className={isActive ? 'active' : ''}
      onClick={handleButtonClick}
    >
      Radio Button
    </button>
  );
}

export default RadioButton;

button {
  /* 非活动按钮的样式 */
  background-color: #ccc;
  color: #fff;
}

button.active {
  /* 活动按钮的样式 */
  background-color: #f00;
  color: #fff;
}

import React from 'react';
import RadioButton from './RadioButton';

function App() {
  return (
    <div>
      <h1>React Native Custom Radio Button</h1>
      <RadioButton />
    </div>
  );
}

export default App;