作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
我有一个这样的表单组件:
var React = require('react'),
ReactRedux = require('react-redux');
var Form = React.createClass({
render: function(){
return (
<form onsubmit={this.onsubmit} action={this.props.action}>
{this.props.children}
</form>
);
},
// Method for parent component to call
submit: function() {
// do submission and return Promise so caller can take actions
},
onsubmit: function(e) {
// validation, make requests, etc
}
});
function mapStateToProps(state) {
return state;
}
module.exports = ReactRedux.connect(mapStateToProps)(Form);
在我的组件渲染中,我有 <Form id="paymentform" ref="form" action="/self">
.
我做不到this.refs.form.submit();
因为this.refs.form
指向连接器。据我了解,连接器是 reducer 更新 Prop 的 channel ,但是这样做不能触发对 submit
的调用。 .
用例基本上是让表单从另一个操作提交,这将启动表单组件应该执行的操作,例如验证和 XHR 请求。
我能做到React.findDOMNode(this.refs.form).submit()
但这并没有回答从外部访问组件方法的实际问题。
我在这里做错了什么?
最佳答案
可以获取包装好的组件实例,如果需要,with getWrappedInstance
:
this.refs.form.getWrappedInstance().submit()
关于javascript - 如何使用 Redux 在子组件中触发表单提交?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33000354/
我是一名优秀的程序员,十分优秀!