Reactjs 如何在React中显示内容？

如何在reactjs中启用和禁用单选按钮

我想当我们点击单选按钮，它应该启用其输入框

假设当我选择第一个单选按钮时，它首先应该显示第一个输入框，并保持禁用状态。当第一个输入框被填充时，其他输入框以类似方式保持禁用状态。启用第二个输入框并以类似方式继续

---

代码复选框链接-

您可以设置复选框更改事件的状态。例如，您可以保存当前复选框id，然后可以测试此id是否设置为禁用或启用输入禁用={isDisabledformHorizontalRadios1}：

---

请参阅游乐场中的完整示例：

但是如果我选择第一个单选按钮，我不想同时显示所有四个输入框。当第一个输入框被填充时，启用第二个输入框并继续。我正在更新我的游乐场中的第一个复选框，请参阅。这就是你所需要的？非常感谢@Denis StukalovHey@Denis Stukalov你能解释一下这行disabled={isDisabledformHorizontalRadios1 | | |！nameInfo.formGridName}嘿，在这行中，如果没有选中line的复选框或者没有设置id为formGridName的prev字段，我们将字段设置为disabled

const [currentCheckboxId, setCheckboxId] = useState("");

const setCheckbox = event => {
  setCheckboxId(event.target.id);
};

const isDisabled = id => currentCheckboxId !== id;