Redux-Form ownProperties undefiniert

Question

ich eine redux-Form, die ich an den Staat bin Anschluss wie folgt:

export default connect(mapStateToProps)(reduxForm({ 
    form: 'MyForm', 
    validate // validation function given to redux-form 
})(MyForm)); 

Ich möchte nun einen Butzen Wert erhalten, die ein param reagieren-Router (Nach der Navigation auf die Seite wie folgt: browserHistory.push (`/ mypage/$ {slug}`)). Allerdings ownProps ist leer:

const mapStateToProps = (state, ownProps) => { 

    console.dir(ownProps); // ISSUE: this is empty 

    const someField = selector(state, 'someField'); 
    ... 
}; 

Ich habe versucht, verschiedene Möglichkeiten, mit redux-Form, aber noch nicht erfolgreich gewesen. Ich würde mich sehr über Hinweise freuen, wie das zu lösen ist.

Answer 1

Ich glaube, ich habe Ihr Problem hier verstanden. Sie müssen das Redux-Formular verbinden, um Werte mit dem Selektor zu erhalten. Bitte beachten Sie den Beispielcode unten. Hoffe es wird dir helfen.

import React from 'react' 
import { Field, reduxForm, formValueSelector } from 'redux-form' 
import validate from './validate' 
import example from './components/example' 

import { connect } from 'react-redux' 

function myForm ({ 
    someProp, 
    exampleClick 
}) { 
    function handleSubmit (e) { 
    } 
    return <form onSubmit={handleSubmit}> 
    <Field 
     name='name' 
     component={example} 
     submitBtnClicked={exampleClick} /> 
    </form> 
} 

let thisForm = reduxForm({ 
    form: 'myForm', 
    validate 
})(myForm) 

const selector = formValueSelector('myForm') 

thisForm = connect(
    state => { 
    const someField = selector(state, 'someField') 
    return ({someField}) 
    } 
)(thisForm) 

export default thisForm 

Answer 2

ich es gelöst durch Zugabe von withRouter des reagieren-Router um meine angeschlossene Komponente:

export default withRouter(connect(mapStateToProps)(reduxForm({ 
    form: 'MyForm', 
    validate // validation function given to redux-form 
})(MyForm)));