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

在React.js中，将被单击元素的信息作为props传递给模型可以通过以下步骤实现：

首先，在React组件中定义一个模型组件，该组件将接收被单击元素的信息作为props。例如，可以创建一个名为Model的组件。
在被单击的元素所在的父组件中，监听元素的点击事件，并获取需要传递给模型的信息。可以使用事件处理函数来实现这一步骤。
在事件处理函数中，将获取到的信息作为props传递给模型组件。可以通过在父组件的state中保存被单击元素的信息，并将其作为props传递给模型组件。
在模型组件中，可以通过props来获取传递过来的被单击元素的信息，并进行相应的处理。可以在模型组件的render方法中使用这些信息来展示模型的内容。

下面是一个示例代码：

// 父组件
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;

在上述示例中，父组件中的两个div元素分别表示两个被单击的元素。当其中一个元素被单击时，会调用handleClick函数，并将被单击元素的信息作为参数传递给该函数。handleClick函数会将该信息保存在父组件的state中，并通过props传递给模型组件。模型组件会根据传递过来的信息展示相应的内容。

这是一个简单的示例，实际应用中可以根据具体需求进行相应的修改和扩展。对于React的相关概念和使用方法，可以参考React官方文档：React官方文档。