【React】redux-formでreactstrapのInputを使う方法

redux-formでreactstrapのInputを使う

reactstrapのInputコンポーネントをredux-formで使うサンプルコードは下記です。

import { Field, reduxForm } from 'redux-form'
import { Input } from 'reactstrap'
~~~
<Input
  name='email'
  tag={Field}
  component='input'
  type="email"
  id="email"
  placeholder="Email"
/>

ポイントはInputにtag={Field}としてredux-formのFieldを渡す部分です。

こうすることでreactstrapをredux-formと連携させることができます。

参考ページは下記です。

Using reactstrap with redux-form: does it work? Can anyone post a working example? · Issue #707 · reactstrap/reactstrap

I have been trying to use redux-form with reactstrap and faced some problems. Is anybody using it extensively? If you do...

github.com