我在将javascript代码(创建formData)嵌入父组件时遇到问题,并且在调用带参数的父方法时遇到问题。知道我在这里想念什么吗?
关于父组件(相关代码)
addModalClose = () => {
this.setState( {
addModalShow : false
});
}
addModalOpen = () => {
this.setState( {
addModalShow : true
});
}
<Button id="button" className="add_ticket" onClick={this.addModalOpen}>New Ticket</Button>
<AddModal
show={this.state.addModalShow}
onHide={this.addModalClose}
onCreate(formData)={this.HandleInsert(formData)}
/>
关于子组件:(模态本身)
import React, {Component} from 'react'
import {Modal, Button, Row, Col, Form} from 'react-bootstrap';
import {App} from './App'
export class AddModal extends Component {
constructor(props) {
super(props);
}
onHide;
onCreate(formData) {
return formData;
}
handleEmailChange = e => {
this.setState({email: e.target.value});
};
handleTitleChange = e =>{
this.setState({title: e.target.value});
};
handleContentChange = e => {
this.setState({content: e.target.value});
};
render(){
return(
<Modal
{...this.props}
size="lg"
aria-labelledby="contained-modal-title-vcenter"
centered
>
<Modal.Header closeButton>
<Modal.Title id="contained-modal-title-vcenter">
Ticket Details:
</Modal.Title>
</Modal.Header>
<Modal.Body>
<Form>
<Form.Group controlId="exampleForm.ControlInput1" >
<Form.Label>Email:</Form.Label>
<Form.Control type="email" placeholder="[email protected]" value={this.state.email} onChange={this.handleEmailChange}/>
</Form.Group>
<Form.Group controlId="exampleForm.ControlInput2">
<Form.Label>Title:</Form.Label>
<Form.Control type="title" value={this.state.title} onChange={this.handleTitleChange}/>
</Form.Group>
<Form.Group controlId="exampleForm.ControlTextarea1">
<Form.Label>Content:</Form.Label>
<Form.Control as="textarea" rows="3" value={this.state.content} onChange={this.handleContentChange()}/>
</Form.Group>
</Form>
</Modal.Body>
{
let formData = new FormData();
formData.append("id", "bded4175-a519-5dee-abed-014e7242e6f0");
formData.append("title", this.state.title);
formData.append("content", this.state.content);
formData.append("userEmail",this.state.email);
formData.append("creationTime", new Date())
}
<Modal.Footer>
<Button variant="success" onClick={() => this.props.onCreate(formData)}>Create</Button>
<Button variant="danger" onClick={this.props.onHide}>Close</Button>
</Modal.Footer>
</Modal>
);
}
}
错误如下-试图显示ide错误
您做错了
onCreate(formData)={this.HandleInsert(formData)}
这应该像屁股一样
onCreate={(formData)=>{this.HandleInsert(formData)}}