从父组件向下传递 function 到子组件不起作用

Question

The function is not triggering. I checked many other answers and it seems like my code should be working.

In App parent component:

update() {
  console.log("hello");
}

<PrivateRoute
  exact
  path="/profile"
  component={Profile}
  update={this.update}
/>

In Profile child component:

<button
  type="button"
  onClick={this.props.update}
>

Answer 1

I think in PrivateRoute you are not passing update method to Profile component.

const PrivateRoute = ({ component: Component, path: Path, ...rest }) => (
//...rest of your code

         //pass update prop along with other props which are needed.
          <Component update={rest.update} /> 

//...rest of your code
      );
    }}
  />
);

Hope this helps.