从ES6箭头函数返回对象文字

Question

如果有人解释了为什么在updatePosts中我们应该返回一个对象，而在对象内部我们应该再次返回它，我将不胜感激。为什么我们只需要这样做就和平了=>

const UpdatedPosts = posts.map（data =>         {             ...数据，             作者：“狮子座”         } ）

class Blog extends Component {
    state = {
        post : []
    }
    componentDidMount(){
axios.get('https://jsonplaceholder.typicode.com/posts')
.then(response => {
    const posts = response.data.slice(0,3);
    const updatedPosts = posts.map(data =>{
        return {
            ...data,
            author : 'Leo'
        }

    })
    this.setState({post : updatedPosts})
    console.log(response)
})

Answer 1

这段代码const updatedPosts = posts.map(data => { ...data, author : 'Leo' } )实际上是可能的，但是您必须在对象周围加上括号，以使您获得

const updatedPosts = posts.map(data => ({ ...data, author : 'Leo' }))

您可以在本文档https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

的返回对象文字部分中找到说明。