如何在反應中禁用單選按鈕

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;