一个方法从另一个组件触发console.log

// ComponentA.js
import React, { useRef } from 'react';
import ComponentB from './ComponentB';

const ComponentA = () => {
  const componentBRef = useRef(null);

  const triggerLog = () => {
    if (componentBRef.current) {
      componentBRef.current.log();
    }
  };

  return (
    <div>
      <button onClick={triggerLog}>Trigger Log from ComponentB</button>
      <ComponentB ref={componentBRef} />
    </div>
  );
};

export default ComponentA;

// ComponentB.js
import React, { forwardRef } from 'react';

const ComponentB = forwardRef((props, ref) => {
  const log = () => {
    console.log('Log from ComponentB');
  };

  React.useImperativeHandle(ref, () => ({
    log,
  }));

  return <div>ComponentB</div>;
});

export default ComponentB;