React出现Uncaught TypeError: 无法读取undefined的length属性问题求助

你的代码里存在一个直接导致报错的语法错误：

• 问题根源：使用useState时错误采用了对象解构语法：

  const {searchText, setSearchText} = useState('')
  

  useState返回的是数组，而非对象，必须用数组解构来获取状态变量和更新函数。上述写法会让searchText和setSearchText都变为undefined，后续所有读取searchText.length的操作自然会抛出TypeError。

• 修复方案：将对象解构改为数组解构：

  const [searchText, setSearchText] = useState('')
  

修改这一行后，searchText会被正确初始化为空字符串，读取length属性的操作就能正常执行，报错即可消除。

内容的提问来源于stack exchange，提问作者Laela-2012