From ab6ba111b18f75033d17b5da1fb2f89e195949a4 Mon Sep 17 00:00:00 2001
From: Damien <damien.armillon@gmail.com>
Date: Sat, 4 May 2019 21:38:20 +0200
Subject: [PATCH] Post toucan marche dans le front !
---
front/src/FormToucan.js | 22 +++++++++++++++++++---
1 file changed, 19 insertions(+), 3 deletions(-)
diff --git a/front/src/FormToucan.js b/front/src/FormToucan.js
index dd30de6..e5a4e39 100644
--- a/front/src/FormToucan.js
+++ b/front/src/FormToucan.js
@@ -2,6 +2,7 @@ import React, {Component} from 'react'
import {Form, Message} from 'semantic-ui-react'
import {DateInput} from 'semantic-ui-calendar-react'
import 'moment/locale/fr'
+import env from './.env'
class FormToucan extends Component {
@@ -47,12 +48,26 @@ class FormToucan extends Component {
this.setState({[name]: file})
}
- onDateChange = (event,{name,value}) =>{
-
+ onDateChange = (event,{value}) =>{
+ let [day,month,year] = value.split("-")
+ this.setState({date: new Date(year,month,day)});
}
onSubmit = () => {
- console.log(this.state)
+ const {date, title, toucan, cover} = this.state;
+
+ const form = new FormData()
+ form.append("date",date)
+ form.append("title",title)
+ form.append("toucan",toucan)
+ form.append("cover",cover)
+
+ fetch(`${env.backURL}/toucan/toucans`,{
+ method: 'POST',
+ body: form
+ })
+ .then((msg)=>console.log(msg))
+ .catch((err)=>console.log(err))
}
render() {
@@ -97,6 +112,7 @@ class FormToucan extends Component {
label="Date"
localization="fr"
name="date"
+ onChange={this.onDateChange}
value={this.state.date}
//required
/>
--
GitLab