如何在另一个组件中获取Redux Form数据
发布于 2021-01-31 23:00:24
如何从Redux表单传递数据,以便可以在App.js中访问该数据?这是我使用redux-
form编写的代码。单击提交后,数据应该从form.js传递到app.js. 并且数据应显示在页面上。
这是form.js-
const Form=({fields:{name,address}})=>(
<form>
<center>
<div>
<label>First Name</label>
<Field type="text" component="input" placeholder="Name" name="name"/>
</div>
<div>
<label>Address</label>
<Field type="text" component="input" placeholder="Phone" name="phone" />
</div>
<button type="submit">Submit</button>
</center>
</form>
)
export default reduxForm({
form: 'form',
fields: ['name', 'address']
})(Form);
如何将输入的数据传递给app.js?
关注者
0
被浏览
84
1 个回答
-
您需要做的就是
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)
推荐阅读
-
redux-form:如何在另一个组件上显示表单值
2021-01-31 关注 0 浏览106 1答案
-
如何在React或React-Redux中将数据从一个组件传递到另一个组件?
2021-01-31 关注 0 浏览86 1答案
-
如何在React.js中获取另一个组件的元素?
2021-01-31 关注 0 浏览93 1答案
-
如何在angular2中调用另一个组件函数
2022-07-28 关注 0 浏览17 1答案
-
如何在左联接中获取另一个表的计数
2021-04-20 关注 0 浏览55 1答案
-
如何从另一个组件调用一个组件方法?
2021-01-31 关注 0 浏览81 1答案
-
如何在另一个页面上的另一个类中访问mysqli连接?
2021-02-02 关注 0 浏览79 1答案
-
如何在Swift中从另一个ViewController重新加载TableView中的数据
2021-01-31 关注 0 浏览67 1答案
-
如何在另一个recyclerView中添加一个recyclerView
2021-02-02 关注 0 浏览95 1答案
-
如何在另一个方法中调用变量?
2021-01-29 关注 0 浏览101 1答案