diff options
-rw-r--r-- | src/ReplyForm.js | 77 |
1 files changed, 44 insertions, 33 deletions
diff --git a/src/ReplyForm.js b/src/ReplyForm.js index 33a6af4..6695406 100644 --- a/src/ReplyForm.js +++ b/src/ReplyForm.js @@ -24,41 +24,52 @@ class ReplyForm extends Component { } handleSubmit() { - const { submittedName, submittedEmail, name, email, message } = this.state; - this.setState({ - submittedName: name, - submittedEmail: email, - submittedMessage: message - }); - const data = { - board: this.props.dir, - parent: this.props.parent, - name: "", - email: "", - fielda: submittedName, - fieldb: submittedEmail, - message: message, - password: "bai-client" - }; + const { + submittedName, + submittedEmail, + submittedMessage, + name, + email, + message + } = this.state; + this.setState( + { + submittedName: name, + submittedEmail: email, + submittedMessage: message + }, + () => { + const data = { + board: this.props.dir, + parent: this.props.parent, + name: "", + email: "", + fielda: submittedName, + fieldb: submittedEmail, + message: submittedMessage, + password: "bai-client" + }; - const formData = new FormData(); - for (var key in data) { - formData.append(key, data[key]); - } + const formData = new FormData(); + for (var key in data) { + formData.append(key, data[key]); + } - fetch("https://bienvenidoainternet.org/cgi/api/post", { - method: "POST", - mode: "cors", - redirect: "follow", - body: formData - }) - .then(response => { - return response.json(); - }) - .then(resource => { - console.log(resource); - this.setState({ replyRes: resource }); - }); + fetch("https://bienvenidoainternet.org/cgi/api/post", { + method: "POST", + mode: "cors", + redirect: "follow", + body: formData + }) + .then(response => { + return response.json(); + }) + .then(resource => { + console.log(resource); + this.setState({ replyRes: resource }); + }); + } + ); } render() { |