reactjs - 无法从子级读取未定义调用父函数的属性“道具”

Question

我收到错误 - 无法读取未定义的属性“道具”不确定我做错了什么，我在下面发布了相关代码。

从子调用父函数

家长

import CompleteSearchBar from '../Components/CompleteSearchBar';

export class home extends Component {

   
simplifiedFunction = () => {
    console.log("simplifiedFunction called")
  }

 

    render() {
        return (
<div>
<CompleteSearchBar 
simplifiedFunction = {this.simplifiedFunction} 
name="Sara"/>
) }

}

孩子

export default function CompleteSearchBar(props) {
return (
<button 
onClick={() =>
  this.props.simplifiedFunction()}
>SEARCH
</button>
) 
}

标签： reactjs

Answer 1

尝试props.simplifiedFunction()没有这个，因为你在一个函数而不是一个类组件