React:将2个道具从子组件传递回同一函数中的父组件

React是一个用于构建用户界面的JavaScript库。它采用组件化的开发模式，使得开发者可以将界面拆分成独立的、可复用的组件，从而提高代码的可维护性和可重用性。

在React中，父组件可以通过props属性将数据传递给子组件。而如果需要将子组件中的数据传递回父组件，可以通过回调函数的方式实现。

具体步骤如下：

1. 在父组件中定义一个函数，用于接收子组件传递回来的数据。
2. 将该函数作为props属性传递给子组件。
3. 在子组件中，通过调用props属性中的函数，并将需要传递的数据作为参数传入，将数据传递回父组件。

下面是一个示例代码：

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

function ParentComponent() {
  const [data, setData] = useState('');

  // 定义回调函数，用于接收子组件传递回来的数据
  const handleDataFromChild = (dataFromChild) => {
    setData(dataFromChild);
  };

  return (
    <div>
      <ChildComponent onData={handleDataFromChild} />
      <p>从子组件传递回来的数据：{data}</p>
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent(props) {
  const handleClick = () => {
    const data = '这是子组件传递回来的数据';
    // 调用父组件传递的回调函数，并将数据作为参数传入
    props.onData(data);
  };

  return (
    <button onClick={handleClick}>点击传递数据给父组件</button>
  );
}

export default ChildComponent;

在上述示例中，父组件通过onData属性将handleDataFromChild函数传递给子组件。子组件中的按钮点击事件触发后，调用了props.onData函数，并将数据作为参数传入。父组件接收到子组件传递回来的数据后，更新了data状态，并在界面上展示出来。

React的优势在于其高效的虚拟DOM机制、组件化开发模式以及丰富的生态系统。它可以用于构建各种类型的应用，包括单页应用、多页应用、移动应用等。

腾讯云提供了云服务器、云函数、云数据库等多个产品，可以用于支持React应用的部署和运行。具体推荐的腾讯云产品和产品介绍链接如下：

• 云服务器（CVM）：提供弹性计算能力，支持快速部署和扩展React应用。详情请参考云服务器产品介绍
• 云函数（SCF）：无服务器计算服务，可以用于处理React应用的后端逻辑。详情请参考云函数产品介绍
• 云数据库MySQL版（CDB）：提供稳定可靠的数据库服务，可以存储React应用的数据。详情请参考云数据库MySQL版产品介绍
• 腾讯云CDN：提供全球加速服务，可以加速React应用的静态资源分发。详情请参考腾讯云CDN产品介绍
• 腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，可以存储React应用的静态资源和文件。详情请参考腾讯云对象存储产品介绍
• 腾讯云容器服务（TKE）：提供高性能、高可靠的容器化应用管理平台，可以用于部署和管理React应用。详情请参考腾讯云容器服务产品介绍

以上是关于React以及与之相关的腾讯云产品的介绍。希望对您有所帮助！