相关疑难解决方法(0)

Redux形式,自我创建输入

我正在尝试创建一个redux表单(使用redux-form),可以动态创建自己的输入.我无法弄清楚如何让redux-form知道已经创建的新字段.是否有可能动态更改redux-form在表单组件本身中传递的字段?我在想这个错吗?这是我正在使用的.

class AddCustomer extends Component {

 render() {

  class Form extends Component {

    constructor(props, context) {
      super(props, context)
      this.state = {
        inputsToAdd: []
      };
    }

    handleAddInput() {
       let inputsToAdd = this.state.inputsToAdd.slice();
       inputsToAdd.push(this.state.inputsToAdd.length);
       this.setState({ inputsToAdd });
    }

    submitForm(data) {
       console.log(data)
       this.setState({inputsToAdd: []});
       this.props.dispatch(initialize('addCustomer', {}))
    }

    render() {
      const { fields, handleSubmit } = this.props;
      return (
          <div>
            <form onSubmit={handleSubmit(this.submitForm.bind(this))}>
              <Input type='text' label='Company name' {...fields['companyName']}/>
              <Input type='email' label='Admin user email' {...fields['adminEmail']}/>
            </form>
            {this.state.inputsToAdd.map((element, index) => {
              return (
                <Input key={index} type='text' /> …
Run Code Online (Sandbox Code Playgroud)

reactjs redux redux-form

9
推荐指数
1
解决办法
7775
查看次数

标签 统计

reactjs ×1

redux ×1

redux-form ×1