提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

react jsx 常见问题

React 常见问题 jsx
2023-09-11 14:15:30 时间

问题一：

Expected to return a value in arrow function

解决方案：

修改后：

// 使用 store
return (
  <div>
    <h1>{pageTitle}</h1>
    {
      infoList.length > 0 ? (
        <ul>
          {
            infoList.forEach((item, index) => {
              <li>{item.name}</li>
            })
          }
        </ul>
      ):null
    }
  </div>
);

注：将 map 改为 forEach 以后，页面渲染失败

问题二：

Expected an assignment or function call and instead saw an expression

解决方案：

修改后：

// 使用 store
return (
  <div>
    <h1>{pageTitle}</h1>
    {
      infoList.length > 0 ? (
        <ul>
          {
            infoList.map((item, index) => {
              return (
                <li key={item.id}>{item.name}</li>
              )
            })
          }
        </ul>
      ):null
    }
  </div>
);

.

相关文章