在React/Javascript中动态禁用多个输入项

我想在React native中的列表项中创建多个输入框。条件是用户只能输入1行

例如：

-输入框1输入框2

以上是示例布局。条件是用户可以在任何行项目中输入。但是，如果用户在第一行的输入框1中输入，则应禁用第二行和第三行的输入框

或者，如果他/她在第2个输入框中输入，则应禁用第1个和第3个输入框1

---

我不知道如何实现这个逻辑

以下是我根据您的解释写的内容：

import React，{useState}来自“React”；
函数App（）{
const[disabledRow，setDisabledRow]=useState（0）；
const[values，setValues]=useState（[''，''，''，''）；
常量handleChange=（事件：React.ChangeEvent）=>{
//获取row属性，这样我们就可以知道用户正在更改哪一行。
const row=parseInt（event.target.dataset.inputRow | | | 10'，10）；
//获取输入Id，以便在“值”状态下更改相应的值。
const inputId=parseInt（event.target.dataset.inputId | | |“0”，10）；
//在状态中更改相应的值。
值[inputId]=event.target.value；
设置值（[…值]）；
//禁用另一行
如果（行===1）{
设置禁用drow（2）；
}否则{
设置禁用DROW（1）；
}
};
返回(
{/*第1行*/}
{/*第2行*/}
);
}
导出默认应用程序；

您是否碰巧解决了您的问题？如果答案有帮助，请接受它。

    Input box 1.   Input box2
    Input box 1.   Input box2