如何在反应中禁用单选按钮

Question

如果我只给禁用属性它不起作用如何使单选按钮禁用

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

这个问题的简单解决方案你需要传入 disabled={true} 或者你可以做这样的事情

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;