我正在将应用程序的一部分从redux-form v5
迁移到v6
(alpha-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
组合了我的两个first
和last
字段的值。如何使用v6
创建这样的元素?