在父组件React中显示按钮信息

，可以通过以下步骤实现：

在父组件中定义一个状态变量，用于存储按钮信息。可以使用useState钩子函数来创建状态变量，并初始化为空数组。

import React, { useState } from 'react';

function ParentComponent() {
  const [buttonInfo, setButtonInfo] = useState([]);

  // 其他代码...

  return (
    <div>
      {/* 显示按钮信息 */}
      {buttonInfo.map((info, index) => (
        <button key={index}>{info}</button>
      ))}
    </div>
  );
}

export default ParentComponent;

在父组件中定义一个函数，用于更新按钮信息的状态变量。可以通过传递参数的方式将按钮信息传递给父组件，并在函数中更新状态变量。

function ParentComponent() {
  const [buttonInfo, setButtonInfo] = useState([]);

  // 更新按钮信息
  const updateButtonInfo = (info) => {
    setButtonInfo([...buttonInfo, info]);
  };

  // 其他代码...

  return (
    <div>
      {/* 显示按钮信息 */}
      {buttonInfo.map((info, index) => (
        <button key={index}>{info}</button>
      ))}
    </div>
  );
}

在父组件中渲染子组件，并通过props将更新按钮信息的函数传递给子组件。

function ParentComponent() {
  const [buttonInfo, setButtonInfo] = useState([]);

  // 更新按钮信息
  const updateButtonInfo = (info) => {
    setButtonInfo([...buttonInfo, info]);
  };

  // 其他代码...

  return (
    <div>
      {/* 渲染子组件，并传递更新按钮信息的函数 */}
      <ChildComponent updateButtonInfo={updateButtonInfo} />
      
      {/* 显示按钮信息 */}
      {buttonInfo.map((info, index) => (
        <button key={index}>{info}</button>
      ))}
    </div>
  );
}

在子组件中，通过props接收父组件传递的更新按钮信息的函数，并在需要的时候调用该函数来更新按钮信息。

function ChildComponent({ updateButtonInfo }) {
  // 其他代码...

  const handleButtonClick = () => {
    const buttonInfo = '按钮信息';
    updateButtonInfo(buttonInfo);
  };

  return (
    <button onClick={handleButtonClick}>点击按钮</button>
  );
}

通过以上步骤，就可以在父组件中显示按钮信息，并在子组件中更新按钮信息。