有没有办法在React原生中通过按钮点击来显示/隐藏功能组件

在React原生中，可以通过按钮点击来显示/隐藏功能组件。这可以通过使用React的状态管理来实现。

首先，在React组件中定义一个状态变量来控制组件的显示与隐藏。可以使用useState钩子函数来创建一个状态变量，并设置初始值为false，表示组件初始时是隐藏的。

import React, { useState } from 'react';

function App() {
  const [showComponent, setShowComponent] = useState(false);

  const toggleComponent = () => {
    setShowComponent(!showComponent);
  };

  return (
    <div>
      <button onClick={toggleComponent}>Toggle Component</button>
      {showComponent && <FunctionalComponent />}
    </div>
  );
}

function FunctionalComponent() {
  return <div>This is a functional component.</div>;
}

export default App;

在上述代码中，我们定义了一个App组件，其中包含一个按钮和一个状态变量showComponent。当按钮被点击时，toggleComponent函数会被调用，它会将showComponent的值取反，从而实现显示/隐藏功能组件的切换。

在App组件的返回值中，我们使用了逻辑与运算符（&&）来判断showComponent的值。当showComponent为true时，会渲染FunctionalComponent组件，从而实现显示功能组件；当showComponent为false时，不会渲染FunctionalComponent组件，从而实现隐藏功能组件。

这种方法可以用于任何React组件，无论是函数组件还是类组件。通过控制状态变量的值，可以动态地显示或隐藏功能组件。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），产品介绍链接地址：https://cloud.tencent.com/product/cvm