react.js - react 里面 onSubmit() 触发问题

问题描述

问 题

ref={self => this.form = self}

this.form.onsubmit()

这样为什么报this.form.onsubmit is not a function

---

搜索组件

componentWillReceiveProps(nextProps) {
    if ('click' in nextProps.receive) {
        if (nextProps.receive.click) {
            this.form.submit();
        }
    }
}

render (
    <form
        ref={self => this.form = self}
        onSubmit={() => this.handleSubmit(event)}
    >
        input...
    </form>
)

Header组件

<Header>
    <HeaderLeft href="/index" icon={<Icons type="icon-header-back" />} />
    <HeaderCenter>
        <Search
            transfer={data => this.transferSearch(data)}
            receive={this.state.receiveSearch}
            request={{
                method: 'POST',
                source: 'http://xxx:8080/bridge/prod_search',
                key: ['prod_name', 'start', 'end']
            }}
        />
    </HeaderCenter>
    <HeaderRight label="搜索" transfer={data => this.transferHeaderRight(data)} />
</Header>

简单说就是搜索按钮在form外面怎么触发onSubmit或者handleSubmit()

解决方案

因为没有onsubmit这个函数。

这篇关于react.js - react 里面 onSubmit() 触发问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！