反应中无法将函数传递给子组件？

Question

我不知道为什么但是我不能为我要传递给子组件的父项设置函数的onClick函数。这是来自父母的代码：

linetype

和子组件上的代码：

_renderChatFriend() {
    return([...this.state.friendsNames].map( friend => {
      return (<ChatFriendPopUp 
          onChatFriendPopUpClick={this.popUpMessage} 
          key={friend.id} 
          name={friend.name} 
        />)
    }))
  }

挂载时会调用onClick吗？当我点击它没有被调用？但是我可以通过onClick调用它，如果我没有传递一个参数。像这样的代码，但我不能参考：

class ChatFriendPopUp extends Component {
  popUpMessage(name) {
    console.log("name clicked ",name)
  }
  render() {
    return (
        <li  onClick={this.props.onChatFriendPopUpClick(this.props.name)}>{this.props.name}</li>
    )
  }
}