小编Riz*_*izo的帖子

使用.map，我映射了所有卡片，并且每张卡片都有一个编辑按钮，因此当我单击编辑按钮时，它会打开一个具有输入值表单的模态 (antd)。值与 API 绑定，当我打开任何卡片模型时，它会在输入中显示完美的值。

问题是，当我单击任何其他卡片的编辑按钮时，它再次显示相同的值（以前的弹出值）

代码：

{surveys.length > 0 && surveys.map((survey, i) => (
  <Col className="gutter-row" xs={24} sm={12} md={12} lg={6} xl={6} key={survey.publicID}>
    <Card
      cover={<Link to='/survey'><img alt="example" src={ survey.imagePath || "https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"} /></Link>}
      actions={[
        <img className="icons-svgs" src="/svg/Share.svg" onClick={() => this.onHandleShareSurvey(survey)} />, 
        <img className="icons-svgs" src="/svg/Edit.svg" onClick={() => this.onHandleEditSurvey(survey)} />, 
        <img className="icons-svgs" src="/svg/Duplicate.svg" onClick={()=>this.onHandleDuplicateSurvey(survey)} />, 
        <img className="icons-svgs" src="/svg/Delete.svg" onClick={() => this.onHandleDeleteSurvey(survey)}/>
      ]} >
      <Row type="flex" align="middle">
        <Col span={18}>
        <Link to='/survey'>
          <Meta
            title={survey.Name}
            description={survey.Description}
          />
        </Link>
        </Col>
        <Col type="flex" span={6} align="middle">
          <span onClick={()=> …