Javascript 如果react中的文本框为null，我想禁用按钮 返回( {jobstate.jobs.map（（数据，i）=>{ jobcmthandler（e，data.\u id，i）}/> 发送 })} )

我使用map函数生成动态HTML，如果induvial表单的文本为空，我想禁用按钮，以及如何在react js中单击按钮获取文本值

import React，{useState}来自“React”；
导出默认函数App（）{
返回[“姓名”，“年龄”]。地图（（标签）=>）；
}
函数形式（{label}）{
const[readValue，writeValue]=useState（“”）；
返回(
{label}
writeValue（e.target.value）}
value={readValue}
/>
console.log（“提交”）}
已禁用={readValue===“”}
>
发送
);
}

这是否回答了您的问题？它们管理单个from的状态值，但我有10多个动态生成的表单，所以如何管理所有表单的状态form@doshismit您可以在此处或codesanbox添加更多代码吗。它可以帮助其他开发人员给您提供更准确的答案

return (
    {jobstate.jobs.map((data,i) =>{ 
  <form>
    <input type="text" placeholder="Post a comment" onChange={(e) => jobcmthandler(e,data._id,i) } />
    <button type="button" onClick={postcmt} >Send</button>
  </form>
   })}
)