• 您的代码结构不正确。为什么要返回函数组件之外的内容？
• 如果你想在你点击按钮时隐藏/显示文本，你必须告诉按钮当你点击它时需要做什么（通过onclick）。

import './App.css';
import { useState } from 'react';

function App() {
  const [showText, setShowText] = useState(false);
  
  const handleClick = () => {
    setShowText(!showText);
  }
  
  return (
    <div className="App">
      <button onclick={handleClick}> Show/Hide </button>
      {showText == true && <h1> Hi There </h1> }
    </div>
  )
}

export default App;