代码之家  ›  专栏  ›  技术社区  ›  Triyugi Narayan Mani Harendra Kumar

如何使用索引从数组中删除值(特定于Ant设计)?

  •  0
  • Triyugi Narayan Mani Harendra Kumar  · 技术社区  · 8 年前

    我正在使用ReactJs和Ant设计创建一个问卷类型的表单。这是一个后续问题 How to create a questionnaire type form using Ant Design?

    现在我成功地添加了新的问题和它们各自的答案,但没有删除它们。假设我添加了三个问题,当我试图删除其中任何一个问题时,总是删除最后一个问题。拆卸的相关代码如下:

    remove = k => {
        console.log(k);
        const { form } = this.props;
        // can use data-binding to get
        const keys = form.getFieldValue("keys");
        // We need at least one passenger
        if (keys.length === 1) {
          return;
        }
        keys.splice(k, 1);
        // can use data-binding to set
        form.setFieldsValue({
          keys: keys
        });
        console.log(keys);
      };
    

    demo on codesandbox.io .

    1 回复  |  直到 8 年前
        1
  •  1
  •   karolis2017    8 年前

    我以前也做过类似的事情。摆脱了antd的样板 remove formRows

      remove = key => {
        const newRows = this.state.formRows.filter(r => r.key !== key)
        this.setState(
          prev => ({
            formRows: newRows
          })
        )
      }