reactjs – React Component将Proxy对象而不是Event对象传递给处
发布时间:2020-12-15 20:30:06 所属栏目:百科 来源:网络整理
导读:我准备了以下React组件(React版本1.5.2): var QuickSearch = React.createClass({ searchHandler: function(){ this.props.parent.props.dataSource.search = this.refs.SearchInput.value; this.props.parent.props.dataSource.setPage(1); this.props.par
我准备了以下React组件(React版本1.5.2):
var QuickSearch = React.createClass({ searchHandler: function(){ this.props.parent.props.dataSource.search = this.refs.SearchInput.value; this.props.parent.props.dataSource.setPage(1); this.props.parent.getData(); },refreshHandler: function(){ this.props.parent.props.dataSource.search = this.refs.SearchInput.value; this.props.parent.getData(); },myEventHandler: function(evt){ console.log(evt); if(evt.keyCode === 13) { evt.stopPropagation(); this.searchHandler(); } },render: function(){ /* Translation function from table model */ _ = this.props.parent.props.table_model.gettrans; return( <div className="reactable-quicksearch-wrapper"> <input ref="SearchInput" type="text" onKeyPress={this.myEventHandler} placeholder={_('Search phrase...')} /> <button ref="SearchButton" type="button" onClick={this.searchHandler}>{_('Search')}</button> <button ref="RefreshButton" type="button" onClick={this.refreshHandler}>{_('Refresh')}</button> </div> ); } }); myEventHandler函数作为“evt”传递包含“target”(基本上是输入)和处理程序的Proxy对象: Proxy { <target>: Object,<handler>: Object } 我不知道为什么,但它似乎表现得像“提交”(??)无论如何,从我读过的反应应该通过标准事件对象,但事实并非如此. 什么可以导致这种行为? 解决方法
这是预期的行为. React不使用本机事件来解决浏览器不一致问题并使用
SyntheticEvents.但是看起来很奇怪. IIRC类名是SyntheticEvent,而不是Proxy.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |