javascript - 调用方法与使用函数调用方法

Question

假设我们在这样的类中有一个方法

class Blog extends Component {


  postClicked = (id) => {
    this.setState({selectedPostId: id})
  }

    render () {
      const newPosts = this.state.posts.map(el => {
        return <Post key={el.id}
         title={el.title}
         author={el.author}
         onClick={this.postClicked(el.id)}/>
      })

    return
    //something
{post}
  }
 }
}

现在，像这样调用处理程序有什么区别

onClick={this.postClicked(el.id)} 和 onClick={() => this.postClicked(el.id)}

如果有人能告诉我一般的区别，我将不胜感激

Answer 1

Ecmascript 6 javascript 引入箭头函数后 link

这里的()==>{//code}类似于function()或匿名函数

告诉我你是否知道你想要什么