从引用的组件访问外部react组件

// 外部组件
import React from 'react';

const ExternalComponent = (props) => {
  return (
    <div>
      <h1>外部组件</h1>
      <p>这是外部组件的内容。</p>
      <p>外部组件的属性：{props.externalProp}</p>
      <button onClick={props.externalMethod}>点击我调用外部组件的方法</button>
    </div>
  );
};

export default ExternalComponent;

// 引用组件
import React from 'react';
import ExternalComponent from './ExternalComponent';

const App = () => {
  // 外部组件的属性和方法
  const externalProp = '这是外部组件的属性';
  const externalMethod = () => {
    console.log('外部组件的方法被调用');
  };

  return (
    <div>
      <h1>引用组件</h1>
      <ExternalComponent externalProp={externalProp} externalMethod={externalMethod} />
    </div>
  );
};

export default App;