将被单击元素的信息作为props - Reactjs传递给模型

// 父组件
import React, { useState } from 'react';
import Model from './Model';

const ParentComponent = () => {
  const [clickedElement, setClickedElement] = useState(null);

  const handleClick = (elementInfo) => {
    setClickedElement(elementInfo);
  };

  return (
    <div>
      <div onClick={() => handleClick('Element 1')}>
        Element 1
      </div>
      <div onClick={() => handleClick('Element 2')}>
        Element 2
      </div>
      <Model clickedElement={clickedElement} />
    </div>
  );
};

export default ParentComponent;

// 模型组件
import React from 'react';

const Model = (props) => {
  const { clickedElement } = props;

  return (
    <div>
      <h3>模型组件</h3>
      {clickedElement && <p>被单击的元素：{clickedElement}</p>}
    </div>
  );
};

export default Model;