React JS使用axios获取数据成功但页面不显示无报错如何解决？

问题原因 #

你的代码在posts.map的回调逻辑中存在返回值缺失问题：
使用花括号{}包裹箭头函数的函数体时，必须显式声明return才能返回值，否则函数默认返回undefined。当前写法下map遍历生成的数组全是undefined，因此页面不会渲染任何内容，且该写法属于合法JS语法，所以不会抛出错误。

修复方案 #

方案1：显式添加return语句 #

修改map部分的代码为：

posts.map(post=>{
    return <li key={post.id} >{post.title}</li>
})

方案2：移除花括号使用隐式返回 #

单条返回语句的场景可以去掉花括号，利用箭头函数的隐式返回特性简化写法：

posts.map(post=> <li key={post.id} >{post.title}</li>)

内容的提问来源于stack exchange，提问作者Adnan Nawaz