umijs simple 使用wow 只显示一次动画

umijs（umi）是一个可插拔的企业级前端应用框架，简单易用，而wow.js是一个用于实现滚动动画的JavaScript库。如果你想在使用umijs的过程中只对某个元素执行一次wow.js的动画效果，可以通过添加一些条件判断来实现。

下面是一个简单的步骤说明：

1. 首先，你需要在umijs项目中安装wow.js。可以通过npm或者yarn来安装：

   npm install wowjs --save
   # 或者
   yarn add wowjs

2. 在你的组件中引入wow.js，并在componentDidMount生命周期方法中初始化wow对象：

   import React from 'react';
   import { componentDidMount } from 'react';
   import WOW from 'wowjs';

   class YourComponent extends React.Component {
     componentDidMount() {
       new WOW.WOW().init();
     }

     render() {
       // Your render logic
     }
   }

3. 在你的组件中使用wow.js提供的方法来指定哪些元素需要执行动画。默认情况下，wow.js会在页面加载完毕后给所有带有`.wow`类的元素添加动画效果。如果你想要只显示一次动画，可以在动画结束后移除这个类：

   componentDidMount() {
     const wow = new WOW.WOW();
     wow.init();

     // 你可以通过监听动画结束事件来移除动画类
     const handleAnimationDone = (e) => {
       if (e.type === '入场动画完成') {
         e.target.classList.remove('wow');
       }
     };

     document.addEventListener('animationdone', handleAnimationDone);
   }

请确保根据你的实际需求调整上述代码，这只是一个基本的示例。