setState允许在界面上立即显示颤动的更改

state = {
  isShaking: false
};

handleShake = () => {
  this.setState({ isShaking: true });
};

render() {
  const { isShaking } = this.state;
  const shakeClass = isShaking ? "shake" : "";

  return (
    <div className={shakeClass}>
      {/* 界面内容 */}
    </div>
  );
}

.shake {
  animation: shake 0.5s infinite;
}

@keyframes shake {
  0% { transform: translateX(0); }
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-5px); }
  100% { transform: translateX(0); }
}