javascript - react 冒泡不起作用

Question

我有一个子组件和一个父组件，我正在尝试将一些数据从子组件传递到父组件，如下所示

child :

bubbleUp(data){
  alert(data);
  this.props.addToLib(data);
}
...
render() {
  let formattedDate = this.props.releaseDate;
  return (
    <div className="component-search-result-row" onClick={() => {this.bubbleUp(this.props)}}

父级:

addToLib(data){
    alert(data);
    this.setState({selectedData : data});
}
...
    render(){
    return(
    <SearchResultRow addToLib={() => this.addToLib()}/>
    )};

现在我正在从第一个警报(子级)获取数据，但我从父级获得未定义的数据。知道我缺少什么吗？

Answer 1

在父级的渲染方法中:

render(){
    return(
    <SearchResultRow addToLib={() => this.addToLib()}/>
)};

您的方法不接受任何数据，而是调用不带任何参数的 this.addToLib()。

如果你将其更改为:它应该可以工作:(注意额外的数据)

render(){
    return(
    <SearchResultRow addToLib={(data) => this.addToLib(data)}/>
)};