我正在 React JS 中開發(fā)一個(gè)動(dòng)態(tài)表單，當(dāng)用戶單擊 Add 按鈕時(shí)，Register 表單被添加到屏幕上。在注冊(cè)表格中，我使用 formik 進(jìn)行驗(yàn)證。表單動(dòng)態(tài)添加成功，但每當(dāng)我開始在輸入框中輸入任何輸入時(shí)，我都會(huì)在控制臺(tái)中收到以下錯(cuò)誤：Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input element for the lifetime of the component. 我不確定哪里錯(cuò)了。下面是我的動(dòng)態(tài)表單渲染代碼 -Account.jsimport React, { Component } from 'react';import axios from 'axios';import {    Card, CardBody, CardHeader,Button,Col, Row, Form, Container} from 'reactstrap';import { Formik, Field, ErrorMessage } from 'formik';import WrapperForm from './WrapperForm'class Account extends Component {  state = {    wrapperForm: [{}]  }  constructor(props) {    super(props);  }  addUser = () => {    this.setState((prevState) => ({      wrapperForm: [...prevState.wrapperForm, {}],    }));  }  render() {    let { wrapperForm } = this.state    return (      <Form>        <Container className="themed-container" fluid={true}>          <button type="button" onClick={this.addUser}>Add User</button>          <WrapperForm wrapperForm={wrapperForm} />        </Container>      </Form>    );  }}export default Account;  WrapperForm.jsconst WrapperForm = (props) => {  return (    props.wrapperForm.map((val, idx)=> {      return (        <Formik           key={idx}          initialValues={{            email: props.wrapperForm[idx].email || '',            password: props.wrapperForm[idx].password || '',            firstName: props.wrapperForm[idx].firstName || '',            lastName: props.wrapperForm[idx].lastName || '',            zipCode: props.wrapperForm[idx].zipCode ||  ''          }}