如何在滑动动画结束后仅呈现pageView页面

import React, { useState } from 'react';
import { useSpring, animated } from 'react-spring';

const App = () => {
  const [showPageView, setShowPageView] = useState(false);

  const slideAnimation = useSpring({
    transform: showPageView ? 'translateX(0)' : 'translateX(-100%)',
    opacity: showPageView ? 1 : 0,
  });

  const handleAnimationEnd = () => {
    setShowPageView(true);
  };

  return (
    <div>
      <animated.div
        className="slider"
        style={slideAnimation}
        onAnimationEnd={handleAnimationEnd}
      >
        {/* Content of other pages */}
      </animated.div>

      {showPageView && <PageView />}
    </div>
  );
};

const PageView = () => {
  return (
    <div>
      {/* Content of the page view */}
    </div>
  );
};

export default App;