react列表数据显示

• Z时代
• 2024-01-10
• 分类：综合

react的列表数据一般是用map循环显示的。

使用map注意：map的回调函数为箭头函数时，后面如果加大括号（箭头函数常规编写），必须要有return才可以，如果箭头函数后面没有大括号（箭头函数简写），可以不用加return。

这是因为：箭头函数简写时只需要一个表达式和一个返回值。常规编写时必须有一个明确的返回值。

不加return如下：

如下代码加return：

class MyMenue extends Component {
  render() {
    const arry = ["首页", "管理", "详情", "联系"];
    return (
      <ul className = "nav navbar-nav " > 
      {
        arry.map((element) =>{
          return(
          <li key = { element } >
             <a className = "" > { element} </a>
          </li >)
        })
      } </ul>
    )
  }
}

以上是 react列表数据显示 的全部内容， 来源链接： utcz.com/z/381188.html