当通过条件(React)呈现新内容时，删除以前的内容

import React, { useState } from 'react';

function MyComponent() {
  const [showNewContent, setShowNewContent] = useState(false);

  // 其他组件逻辑...

  return (
    <div>
      {showNewContent ? (
        // 呈现新内容的代码
        <NewContent />
      ) : (
        // 呈现旧内容的代码
        <OldContent />
      )}
    </div>
  );
}

function MyComponent() {
  const [showNewContent, setShowNewContent] = useState(false);

  const handleShowNewContent = () => {
    setShowNewContent(true);
  };

  // 其他组件逻辑...

  return (
    <div>
      {showNewContent ? (
        // 呈现新内容的代码
        <NewContent />
      ) : (
        // 呈现旧内容的代码
        <OldContent />
      )}
      <button onClick={handleShowNewContent}>显示新内容</button>
    </div>
  );
}