2017-06-13 30 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')' –

相關問題