reactjs - 添加和删​​除表单输入动态反应原生

Question

我已经能够正确添加输入但是当我尝试删除它时会删除但不会再次添加我做错了什么？

我有以下错误：

传播不可迭代实例的无效尝试。为了可迭代，非数组对象必须有一个 [Symbol.iterator] () 方法。

function handleAddInput() {
    setInput([...input, <FormGroup />]);
  }

  function handleDeleteInput() {
    if (input.length > 0) {
      setInput([...input, input] - 1);
    }
  }

  return (
    <>
      
            <FormContainer ref={formRef} onSubmit={handleSignUpFinally}>
              {selectedValue === 'Sim' ? (
                <>
                  <Input
                    autoCorrect={false}
                    autoCapitalize="words"
                    name="full_name"
                    icon="user"
                    placeholder="Nome completo"
                  />

                  <Input
                    autoCorrect={false}
                    autoCapitalize="none"
                    name="cpf"
                    icon="user"
                    placeholder="CPF"
                  />

                  <Input
                    autoCorrect={false}
                    autoCapitalize="none"
                    name="phone"
                    icon="phone"
                    placeholder="Celular"
                  />

                  {input.map !== undefined && input.map(item => item)}

                  {input.length > 0 && (
                    <Button
                      onPress={handleDeleteInput}
                      style={{ marginBottom: 8, backgroundColor: '#f31' }}
                    >
                      Remover integrante
                    </Button>
                  )}

                  <Button
                    onPress={() => handleAddInput(input.length)}
                    style={{ marginBottom: 16 }}
                  >
                    Adicionar integrante
                  </Button>

标签： reactjsformsreact-nativeuse-statedynamic-forms