【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, can you post an example? Which version...

未経験、異業種からIT業界に転身。フロントエンジニア。主にJavascript(React.js)をつかったWEBアプリ開発にたずさわる。
お仕事のご依頼はこちらから → genpsp10@gmail.com

psp7をフォロー
プログラミング
スポンサーリンク
psp7をフォロー
ハトらぼ

コメント