Pourquoi useEffect ignore-t-il le dernier élément du tableau ?
P粉814160988
P粉814160988 2023-08-14 18:21:42
0
1
395
<p>J'apprends React, en particulier useEffect. </p> <p>Ce que je n'arrive pas à comprendre, c'est pourquoi useEffect ignore le dernier élément du tableau. </p> <p>Quelqu'un peut-il expliquer pourquoi et comment résoudre ce problème ? </p> <pre class="brush:php;toolbar:false;">laisser les utilisateurs = ['Oliver', 'Thomas', 'George', 'William'] exporter la fonction par défaut App() { const [index, setIndex] = useState(0); console.log('RENDER'); useEffect(() => { if (index === users.length - 1) { retour } setTimeout(() => setIndex(index => index + 1), 2000) console.log('Bonjour' + utilisateurs[index]); console.log('Side Effect RUNS!'); }, [utilisateurs[index]]) }</pré> <p><br /></p>
P粉814160988
P粉814160988

répondre à tous(1)
P粉553428780

La valeur de votre useEffect不会运行,因为users[index] est la même

Changez-le en index

let users = ['Oliver', 'Thomas', 'George', 'William']
export default function App() {
  const [index, setIndex] = useState(0);
  console.log('RENDER');
  useEffect(() => {
    if (index === users.length - 1) {
      return
    }
    setTimeout(() => setIndex(index => index + 1), 2000)
    console.log('Hello ' + users[index]);
    console.log('Side Effect RUNS!');
  }, [index]) // 更改为 `[index]`

}
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!