2017-06-13 32 views
3

如何从redux表单传递数据以便我可以访问App.js中的数据? 这里是我写的代码使用了redux-form.after我点击提交数据应该从form.js传递到app.js.数据应显示在页面上。如何在另一个组件中获取Redux表单数据

这里是form.js-

​​

如何传递这个inputed数据app.js?

+0

你是从app.js本身 –

+0

没有我想渲染你终极版形式在app.js点击按钮调用redux表单 – Tim

回答

6

你需要做的就是用getFormValues得到redux field

什么,所以在App.js你可以有

import {getFormValues} from 'redux-form'; 

.. 
const App = (props) => { 
     var {name, phone} = props.formStates 
     console.log(name, phone); 
} 

function mapStateToProps(state) { 
    return { 
     formStates: getFormValues('form')(state) // here 'form' is the name you have given your redux form 
    } 
} 

export default connect(mapStateToProps)(App) 
+0

检查这个答案 –

+0

谢谢Shubham ...点击提交按钮后,如何重定向到app.js? – Tim

+0

您将从某个组件渲染Redux窗体,将propSubmit函数作为prop onSubmit传递给ReduxForm组件,然后在父项handle中提交函数routeDynamically,并用this.props.history.push('/ app')' –

相关问题