我正在開始使用 Reactjs，現在我的應用程序出現了問題，它有一半的時間不能工作，但有時可以工作。我猜這個問題與 ComponentDidMount 有關，但我無法修復它。我的應用程序包括測試您翻譯存儲在我的狀態中的一些單詞的能力，功能非常簡單，所以我不明白為什么應用程序有時會崩潰。錯誤說“無法讀取未定義的屬性'francais' ”import React from 'react';import './App.css';class App extends React.Component {constructor() { super(); this.state = {   words: [     {       francais: 'bonjour',       anglais: 'hello',     },     {       francais: 'manger',       anglais: 'eat',     },     {       francais: 'avoir',       anglais: 'have',     },     {       francais: 'faire',       anglais: 'do',     },     {       francais: 'jouer',       anglais: 'play',     } ], key: -1.4, currentWord: '', currentAnswer: '', correctAnswer: false, giveUp: false }}generateWord = () => { let index = Math.floor(Math.random() * (this.state.words.length + 1)) if(index === this.state.key) {   this.generateWord() } this.setState({currentWord: this.state.words[index]}) this.setState({key: index})}validate = (e) => { e.preventDefault() const answer = e.target.value this.setState({ currentAnswer: answer }) if (this.state.currentAnswer !== this.state.currentWord.anglais) {   this.setState({correctAnswer : false}) } else {   this.setState({correctAnswer : true}) }}showCorrection = (e) => { e.preventDefault() this.setState({giveUp: true})}nextWord = (e) => { e.preventDefault() this.setState({currentAnswer: ''}) this.setState({ giveUp: false }) this.generateWord()}componentDidMount() { this.generateWord()}render() {