ReactWarning: validateDOMNesting(...): ＜li＞ cannot appear as a descendant of ＜li＞ 问题解决

报错代码及警告

// 代码
<li>
   {data.map((item) => {
      return <li key={item}>{item}</li>;
   })}
</li>

//警告
react-dom.development.js:500 Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>.
    in li
    in li
    in ul
    in div

解决

<li>中不能嵌套<li>

<ul>
      {data.map((item) => {
           return <li key={item}>{item}</li>;
      })}
</ul>

这篇好文章是转载于：学新通技术网