import React, { useState, useEffect } from "react"; import { FaSearch, } from 'react-icons/fa'; import axios from "axios"; import { latLng2Tile } from "google-map-react"; import { useHistory } from "react-router-dom"; const AideRecherche = (props) => { const [recherche, setrecherche] = useState(""); const [Result, setResult] = useState(""); const [myApiResponse, setmyApiResponse] = useState("false"); const history = useHistory(); function searchFunction(e) { setrecherche("1"); setResult([]); //Get Criterias var crit_SearchText = document.getElementById("mottype").value; //var crit_domaine = document.getElementById("domaine").value; //alert(" vous avez choisi : crit_SearchText = "+crit_SearchText+" -- crit_domaine = "+crit_domaine); var form = new FormData(); form.append("mot", crit_SearchText); form.append("domaine", ""); var myurl = process.env.REACT_APP_API_URL + "myclass/api/GetMotFromElaIndex/"; axios.post(myurl, form).then(res => { if (String(res.data.status) != String("false")) { //console.log(" In test res.data.status = " + res.data.status); //console.log(" In test res.data.message = " + res.data.message); setmyApiResponse("True"); setResult(res.data.message) } else { //console.log(" In test res.data.status = " + res.data.status); //console.log(" In test res.data.message = " + res.data.message); setmyApiResponse("False"); } }).catch((error) => { console.warn('Not good man :( mysearchtext = '); setmyApiResponse("False"); }) } function Checkmottype(e){ const val = e.target.value; const regex = new RegExp('^[a-zA-Z0-9]+$'); if( regex.test(val) == false || String(val).length > 4 ){ var newval = val.slice(0, -1); document.getElementsByName("mottype")[0].value = newval; } } function handleClick(e, data) { // access to e.target here //console.log(data); history.push("/recherche-formation/"+data); // ici faire call recherche avec search texte } return (