使用由props传递的函数，该函数与给定事件不相关联。

// Parent.js
import React from 'react';
import Child from './Child';

function Parent() {
  const handleClick = () => {
    console.log('Button clicked!');
  };

  return <Child onClick={handleClick} />;
}

export default Parent;

// Child.js
import React from 'react';

function Child({ onClick }) {
  return <button onClick={onClick}>Click me</button>;
}

export default Child;

// Parent.js
import React from 'react';
import Child from './Child';

class Parent extends React.Component {
  handleClick = () => {
    console.log('Button clicked!');
  };

  render() {
    return <Child />; // 忘记传递onClick属性
  }
}

export default Parent;

// Parent.js
import React from 'react';
import Child from './Child';

class Parent extends React.Component {
  handleClick = () => {
    console.log('Button clicked!');
  };

  render() {
    return <Child onClick={this.handleClick} />; // 正确传递onClick属性
  }
}

export default Parent;