Animate 动画

动画。

何时使用

代码演示

数组成员

数组成员。

​
import React from 'react';
import ReactDOM from 'react-dom';
import { Animate, Button } from 'choerodon-ui';
​
class App extends React.PureComponent {
  state = { list: [1, 2, 3, 4] };
​
  start = 5;
​
  insert = () => {
    const list = this.state.list.slice();
    list.splice(2, 0, (this.start += 1));
    this.setState({ list });
  };
​
  remove = value => {
    const list = this.state.list.slice();
    const index = list.indexOf(value);
    if (index !== -1) {
      list.splice(index, 1);
      this.setState({ list });
    }
  };
​
  renderItems() {
    const { list } = this.state;
    return list.map(value => (
      <li key={value} style={{ border: '1px solid #000' }}>
        <div onClick={() => this.remove(value)}>{value}</div>
      </li>
    ));
  }
​
  render() {
    return (

API

按钮的属性说明如下：