<p>J'ai ce code, qui comporte de nombreuses zones de saisie, chaque zone de saisie est utilisée pour modifier une valeur de prix. Comme il y a beaucoup de zones de saisie (3 prix par zone et 3 prix par prix), pour éviter de tout restituer à chaque fois, j'ai utilisé useMemo sur la fonction qui met à jour la valeur de la zone de saisie, et en plus de a également utilisé useReducer pour éviter que le code ne soit trop long pour contrôler la zone de saisie. </p> <p>Cependant, la saisie de caractères (ou de chiffres) ne s'affiche pas instantanément, mais prend un court laps de temps pour s'afficher, sans parler d'une saisie continue. </p> <pre class="brush:php;toolbar:false;">const handleUpdate = useMemo( () => (propriété, valeur, obid) => dispatch({ type : "UPDATE_DATA", propriété, charge utile : valu, id : obid }); }, [expédition] );</pré> <p>Et il y a un réducteur : </p> <pre class="brush:php;toolbar:false;">function réducteur (état, action) { commutateur (action.type) { ... cas "UPDATE_DATA" : retour { ...État, données : state.data.map((élément) => { if (item.id === action.id) { return { ...item, [action.property] : action.payload } ; } retourner l'objet; }), } ; } }</pré> <p>Je recommande de vérifier l'intégralité du code, car le problème (ou la solution) peut résider ailleurs. Afin de voir l'intégralité du code, vous pouvez vous référer à ce lien sandcodebox. Veuillez me pardonner d'avoir copié une partie du code, ce qui a entraîné un mauvais format CSS. Notez que la fonction fetch a été remplacée par un long tableau de données simulées. </p> <p>Lien : https://codesandbox.io/s/unruffled-feynman-g9nox2?file=/src/App.js</p>