<分区>
我只是像这样在 React 的渲染函数中使用箭头函数从 API 迭代一些数据。
render() {
const postItem = this.props.posts.map((post, index) => {
<div key={post.id}>
<p>{index}</p>
<h4>{post.title}</h4>
<p>{post.body}</p>
</div>
})
return (
<div>
<p>Posts</p>
{postItem}
</div>
)
}
然后它会抛出错误
但我怀疑箭头的正确语法是这样的 () => {}。
请帮帮我。
最佳答案
这对大括号形成一个 block ，包含一个语句列表。您需要显式使用 return 语句来使函数返回某些内容。 如果省略大括号，箭头函数将有一个简洁的主体，它仅由一个表达式组成，其结果将隐式成为函数的返回值。
它有什么帮助!!!
关于javascript - 在 react 的渲染函数中迭代数据时澄清箭头函数的语法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55561773/
相关文章：
javascript - Google Places API 库不返回 photo_reference 属性
javascript - 为什么动态地给新的 Image() 对象一个 src 有时会给出宽度和高度 0
javascript - 使用三元运算符处理未定义的 bool 值
javascript - js中src属性的getter/setter？
javascript - [Vue 警告] : Error in render: "TypeError: _vm.activity.activity is undefined"
javascript - 使用下拉 Reactstrap 更改状态
javascript - React BootstrapTable如何动态为firebase数据创建行