react jsx 常见问题

问题一：

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>
);

.