如何在ReactJS中将div从屏幕的左侧移动到屏幕的右侧？

@keyframes slideRight {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}

import React, { useState } from 'react';

const MyComponent = () => {
  const [isMoved, setIsMoved] = useState(false);

  const handleMove = () => {
    setIsMoved(true);
  };

  return (
    <div
      className={isMoved ? 'moved' : ''}
      onAnimationEnd={() => setIsMoved(false)}
    >
      Content
      <button onClick={handleMove}>Move</button>
    </div>
  );
};

export default MyComponent;

.moved {
  animation: slideRight 1s forwards;
}