将参数从子类ReactJS传递到父类中的事件处理程序

import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [message, setMessage] = useState('');

  const handleEvent = (param) => {
    setMessage(`Received parameter: ${param}`);
  };

  return (
    <div>
      <h1>Parent Component</h1>
      <p>{message}</p>
      <ChildComponent onEvent={handleEvent} />
    </div>
  );
}

export default ParentComponent;

import React from 'react';

function ChildComponent({ onEvent }) {
  const handleClick = () => {
    const param = 'Hello from Child';
    onEvent(param);
  };

  return (
    <div>
      <h2>Child Component</h2>
      <button onClick={handleClick}>Send Parameter to Parent</button>
    </div>
  );
}

export default ChildComponent;

const handleClick = () => {
  const param = someCondition ? 'Valid Parameter' : 'Default Parameter';
  onEvent(param);
};