反応起動ストラップモーダルにreduxフォームを追加する

Question

反応ブートストラップモーダル内に複数の 'reduxフォーム'フォームを作成しようとしていますので、クリックするとモーダルが開き、モーダルにフォームが表示されますレイオーバー。

どうすればいいですか？

class Home extends Component{ 
    constructor(props) { 
    super(props) 
    this.close = this.close.bind(this) 
    this.open = this.open.bind(this) 
    this.state = { 
     showModal: false 
    } 
    } 

    close() { 
    this.setState({ showModal: false }) 
    } 

    open() { 
    this.setState({ showModal: true }) 
    } 

    render(){ 
     let WizardForm = <WizardForm/> 
     return(
      <Grid> 
       <Row className="above"> 
        <Col xs={10} md={8}><code> 
         <Button bsStyle="primary" bsSize="large" onClick={this.open}Open Form</Button> 
        </code></Col> 
       </Row> 

       <Row className="below"> 
        <Col xs={12} md={10}><code> 
         <SlideShow/> 
        </code></Col> 
       </Row> 
       <Modal show={this.state.showModal} onHide={this.close}> 

        <div>{WizardForm}></div> 
        <Modal.Footer> 
         <Button onClick={this.close}>Close</Button> 
        </Modal.Footer> 
       </Modal> 
      </Grid> 

編集（カンプ輸入ビット。）：：

import React, { Component } from 'react' 
import { connect } from 'react-redux' 
import { Link } from 'react-router' 
import SlideShow from 'containers/SlideShow' 
import WizardForm from 'containers/WizardForm' 
import SimpleForm from 'containers/SimpleForm' 

私は予想通り単純なフォームすべての作品を使用

次のコードではキャッチされないバリアントエラーを生成します。

Answer 1

'redux-form'はどこにも定義されていません。インストールし、インポートし、コンポーネントを装飾する必要があります。

redux-form docsには、エクスポートされたModalフォームコンポーネントをHOCスタイル定義で飾る必要があります。

This will provide your component with props allowing you to attach your inputs to redux-form.

UPDATE：あなたのコードは、おそらくエラーを投げている誤植があります。

<Button bsStyle="primary" bsSize="large" onClick={this.open}Open Form</Button>

は何

<Button bsStyle="primary" bsSize="large" onClick={this.open}>Open Form</Button>

（行方不明>）