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

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

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

具体步骤如下：

在父组件中定义一个函数，用于接收子组件传递回来的数据。
将该函数作为props属性传递给子组件。
在子组件中，通过调用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应用的部署和运行。具体推荐的腾讯云产品和产品介绍链接如下：