Désactiver l'autocomplétion dans React-Exemples de code

import React, { useState } from 'react';

const App = () => {
  // état initial pour la valeur d'entrée
  const [value, setValue] = useState('');

  return (
    <div>
      <input
        type="text"
        // définir la valeur de l'entrée sur la valeur dans l'état
        value={value}
        // mettre à jour l'état lorsque la valeur d'entrée change
        onChange={e => setValue(e.target.value)}
        // Dessinez une ligne horizontale dans React0
        autoComplete="off"
      />
    </div>
  );
};

export default App;

import React, { useState } from 'react';

function App() {
  // définir l'état pour savoir si l'entrée est autocompleteable ou non
  const [isAutoCompleteable, setIsAutoCompleteable] = useState(true);

  return (
    <div>
      <label>
        <input
          type="checkbox"
          // lorsque la case à cocher est cliquée, modifiez l'état pour isAutoCompleteable
          onClick={() => setIsAutoCompleteable(!isAutoCompleteable)}
        />
        Désactiver l'autocomplétion
      </label>
      <br />
      <br />
      <input
        autoComplete={isAutoCompleteable ? 'on' : 'off'}
      />
    </div>
  );
}