如何在我的游乐场实现不同的UI屏幕

// App.js
import React, { useState } from 'react';
import HomeScreen from './HomeScreen';
import SettingsScreen from './SettingsScreen';

function App() {
  const [currentScreen, setCurrentScreen] = useState('home');

  return (
    <div>
      {currentScreen === 'home' ? <HomeScreen /> : <SettingsScreen />}
      <button onClick={() => setCurrentScreen('home')}>Home</button>
      <button onClick={() => setCurrentScreen('settings')}>Settings</button>
    </div>
  );
}

export default App;

// HomeScreen.js
import React from 'react';

function HomeScreen() {
  return <h1>Home Screen</h1>;
}

export default HomeScreen;

// SettingsScreen.js
import React from 'react';

function SettingsScreen() {
  return <h1>Settings Screen</h1>;
}

export default SettingsScreen;