TypeError：无法使用 React js 读取未定义的属性“0”

Question

所以，我正在构建一个字典库，试图使用 Axios 获取 API 数据，一切正常，但有时它会抛出 "TypeError: Cannot read property '0' of undefined " 对于某些单词。可能是什么问题？因为当我尝试获取某些单词的含义时，它可以正常工作，但对于某些单词，它会引发错误。代码如下

      function App() {    
    const [mapvalue, setMapValue] = useState([])

        const reqLibrary = () => {
            axios.get(dictionaryapi)
            .then((respone) => {
            setMapValue(respone.data.def[0].tr)
            //console.log(respone.data.def[0].tr[0].mean)
        })
      }

      return (
        </div>
      <button onClick={reqLibrary}> Get Words </button>
      <ul>
        {mapvalue.map((response) => (
          <li> {response.mean[0].text} </li>
        ))}
      </ul>
    </div>
     )

}

Answer 1

你应该做空检查。这会对你有所帮助。

setMapValue(respone?.data?.def?.[0]?.tr)

以这种方式进行空值检查称为Optional_chaining

详细了解Optional_chaining。