how to disable radio button in react

Question

if I give only disable property its not working how to make radio button disable

import React from "react";
const App = () => {
      let platformData = ["And", "win", "ios"];
      let platform = "platform";
    
      return (
        <div>
          <input
            type="radio"
            disabled
            name="Platform"
            id="Platform"
            radioList={platformData}
            radioName={platform}
          />
        </div>
      );
    };
    
    export default App;

Answer 1

Simple solution to this problem you need to pass in disabled={true} or you could do something like this

import React from "react";

const App = () => {
  let platformData = ["And", "win", "ios"];
  let platform = "platform";
  let disabled = true;

  if (platform) // or any other kind of condition
      disabled = false;

  return (
    <div>
      <input
        type="radio"
        disabled={disabled}
        name="Platform"
        id="Platform"
        radioList={platformData}
        radioName={platform}
      />
    </div>
  );
};

export default App;