将字段值与redux-form v6组合

时间:2016-05-15 22:52:32

标签: reactjs react-redux redux-form

我正在将应用程序的一部分从redux-form v5迁移到v6alpha-10)。我需要显示某些字段的组合值。

v5中,我会有类似的内容:

class MyForm extends Component {                            
  render() {                                                

    const { fields: { first, last }, handleSubmit } = this.props

    return (                                                
      <form onSubmit={handleSubmit}>                        

        <div>                                               
          <label>First name</label>
          <input type="text" {...first}/>
        </div>                                              

        <div>                                               
          <label>Last name</label>
          <input type="text" {...last}/>
        </div>

        <div>
          Welcome {first.value last.value.toUpperCase()}
        </div>

        <button type="submit">Submit</button>               
      </form>                                               
    )
  }
}

表单的最后div组合了我的两个firstlast字段的值。如何使用v6创建这样的元素?

1 个答案:

答案 0 :(得分:2)

刚刚发布了这个确切的API。查看Selecting Form Values示例。