2017-02-08 4 views
1

Ich bin Debugging auf die Formularkomponenten basierend auf redux-form lib.Wie kann ich den Zustand während der Entwicklung verspotten

Allerdings muss ich gehen durch die Schritte jedes Mal, erfordert die step N

Ist es möglich, setzen einige Mock Zustände erreichen mich direkt an die Step N ausfindig zu machen?

Irgendwelche Ideen und Hinweise?

inline

App.tsx

<SearchStructureBuilderForm 
    structureList={this.props.dataReducer.structureList} 
    tableList={this.props.dataReducer.tableList || []} 
    parentProps={this.props} 
    onSubmit={this.showResults.bind(this)}> 
</SearchStructureBuilderForm> 

SearchStructureBuilderForm.tsx

render() { 
     let { 
      parentProps, 
     } = this.props;      

     ... 
    } 


    const mapStateToProps = (state: any) => { 
    const formData = state.form[FORM_NAME] || {} 
    const structureList = state.dataReducer.structureList 
    const email = selector(state, 'email') 
    const selectedTable = selector(state, 'selectedTable') 
    const structureName = selector(state, 'structureName') 
    return { 
     formData, 
     structureList, 
     email, 
     selectedTable, 
     structureName, 
    } 
    } 

    export default connect(
    mapStateToProps, 
    mapDispatchToProps 
    )(reduxForm(formOption)(SearchStructureBuilderForm as any)) 

Antwort

Verwandte Themen