Как я могу издеваться над состоянием во время разработки

Question

Я отлаживаю компоненты формы на основе redux-form lib.

Однако, мне нужно идти через шаги необходимо каждый раз, чтобы выйти в step N

Можно ли установить некоторые фиктивные состояния, чтобы найти меня в Step N напрямую?

Любая идея и намек?

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)) 

Answer 1

Вы можете использовать реагировать инструменты разработчика для хрома https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?utm_source=chrome-app-launcher-info-dialog или Redux инструмент развития