Warum ignoriert useEffect das letzte Element des Arrays?

Question

Ich lerne React, insbesondere useEffect.

Was ich nicht herausfinden kann, ist, warum useEffect das letzte Element des Arrays überspringt.

Kann jemand freundlicherweise erklären, warum und wie man das Problem beheben kann?

let users = ['Oliver', 'Thomas', 'George', 'William']
Standardfunktion App() exportieren {
  const [index, setIndex] = useState(0);
  console.log('RENDER');
  useEffect(() => {
    if (index === Benutzer.Länge - 1) {
      zurückkehren
    }
    setTimeout(() => setIndex(index => index + 1), 2000)
    console.log('Hallo ' + Benutzer[Index]);
    console.log('Nebeneffekt LÄUFT!');
  }, [Benutzer[Index]])

}

Answer 1

您的useEffect不会运行，因为users[index]的值相同

将其更改为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]`

}