Reactjs OnSubmit不以表单形式工作

渲染函数将返回以下组件：

<form onSubmit={(e) => this.filter(e)}>
            <Modal className='side-modal' show={this.props.show} onHide={this.props.hide}>
                <Scrollbars autoHide>
                    <Modal.Header closeButton>
                        <Modal.Title>Filter</Modal.Title>
                    </Modal.Header>
                    <Modal.Body>
                        <FormGroup>
                            <ControlLabel>Search Based On Keywords</ControlLabel>
                            <FormControl value={this.state.searchInput} type='text' placeholder='Legal Entity Name, DBA Name, Email or Processor Submerchant ID' onChange={this.setInputSearchText} />
                        </FormGroup>
                        <FormGroup>
                            <ControlLabel>Account Status</ControlLabel>
                            <CustomSelect
                                selectID={'accountStatus'}
                                hasListIcon={true}
                                listItemDetails={this.state.itemList}
                                defaultItemObj={this.state.defaultItem}
                                isReset={this.state.isReset}
                                setValue={this.setAccountStatusValue}
                            />
                        </FormGroup>
                    </Modal.Body>
                </Scrollbars>
                <Modal.Footer>
                    <Button bsStyle='primary' type='submit'>
                        <span className='icon ion-checkmark icon--inner'></span> Apply
        </Button>
                    <Button type='reset' onClick={this.resetFilter}>
                        <span className='icon ion-android-refresh icon--inner'></span> Reset
        </Button>
                </Modal.Footer>
            </Modal>
        </form>

filter = (e: any) => {
    e.preventDefault();
    this.getSomeReults();
    this.props.hide();
}

我猜您使用的是模态，根据我看到的每个组件，即模态页眉、模态正文、模态页脚是分开的。所以你的代码就是

<form onSubmit={ e => this.filter(e) } >
</form>

this.filter（e）}>

应该进来

<ModalBody>
//Form code here
</ModalBody>

//这里的表单代码

您还可以编写过滤功能吗@skaranjitAre您正在调用

e.preventDefault（）内部过滤功能？是的，我已经添加了。你能把表单放入模式中吗？它不工作。似乎还有其他问题