react学习——基础列表组件

学习列表时

终端报错

Array.prototype.map() expects a return value from arrow function array-callback-return

代码如下

function NumberList(props){
    const number = props.numbers
    const listItem = number.map(number=>{
        <li>{number}</li>
    })
    return (
        <ul>{listItem}</ul>
    )
}

并且浏览器并不显示

解决方法：
箭头函数的位置去掉{}，代码如下

function NumberList(props){
    const number = props.numbers
    const listItem = number.map(number=>
        <li>{number}</li>
    )
    return (
        <ul>{listItem}</ul>
    )
}

展示如下