Bonjour à tous j'utilise un input autocomplate avec turnstone. Voici le lien : https://turnstone.tomsouthall.com/, mais quand j'utulise le fonction onChange() j'ai l'erreur
Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.
Container<@webpack-internal:///./node_modules/turnstone/dist/turnstone.es.js:1743:7
StateContextProvider@webpack-internal:///./node_modules/turnstone/dist/turnstone.es.js:318:7
Turnstone
dans la console. Il s'emblrait que Turnstone appelle la fonction indéfiniment. Il faudrait donc que j'utilise cette fonction quand un nouveau caractére est entrée dans l'input mais comme je débute dans React depuis 2 mois, je bloque un peut sur ce probléme:
Voici mon composant :
import React from "react";
import Turnstone from "turnstone";
import styles from "./Turnstone.module.css";
// Set up listbox contents.
const listbox = {
displayField: 'name',
data: (query) =>
fetch(https://localhost:8000/livesearch?query=${encodeURIComponent(query)}&limit=10)
.then(res => res.json())
}
export default function App({ value}) {
function handleChange(event) {
console.log(event);
// onChange(event);
}
return (
<Turnstone id="autocomplete" value={ value } listbox={listbox} styles={styles} typeahead={false}
onChange={ handleChange } placeholder="Enter a city or airport"/>
);
}
et voici la fonction onchange
<LiveSearchonChange={ (v) =>handleInputChange('ville', v) }/>
Cordialement
Frédouze