reactjs - フィールド値を redux-form v6 と組み合わせる

Question

アプリケーションの一部を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>                                               
    )
  }
}

フォームの最後は、2 つのフィールドdivの値を組み合わせたものです。でそのような要素を作成するにはどうすればよいですか?firstlastv6

Answer 1

この正確なものの API を公開しました。フォーム値の選択の例を確認してください。