根据条件渲染局部视图

npm install react react-dom

import React, { useState } from 'react';

function ConditionalView() {
  const [showView, setShowView] = useState(false);

  const toggleView = () => {
    setShowView(!showView);
  };

  return (
    <div>
     <button onClick={toggleView}>
        {showView ? '隐藏' : '显示'}局部视图
      </button>
      {showView && <div>这是一个局部视图！</div>}
    </div>
  );
}

export default ConditionalView;

import React from 'react';
import ConditionalView from './ConditionalView';

function App() {
  return (
    <div>
      <h1>条件渲染局部视图示例</h1>
      <ConditionalView />
    </div>
  );
}

export default App;