{"action":"opened","issue":{"url":"https://api.github.com/repos/react-component/queue-anim/issues/57","repository_url":"https://api.github.com/repos/react-component/queue-anim","labels_url":"https://api.github.com/repos/react-component/queue-anim/issues/57/labels{/name}","comments_url":"https://api.github.com/repos/react-component/queue-anim/issues/57/comments","events_url":"https://api.github.com/repos/react-component/queue-anim/issues/57/events","html_url":"https://github.com/react-component/queue-anim/issues/57","id":331616624,"node_id":"MDU6SXNzdWUzMzE2MTY2MjQ=","number":57,"title":"出场动画关闭后，更新节点动画失效。","user":{"login":"nuintun","id":1730277,"node_id":"MDQ6VXNlcjE3MzAyNzc=","avatar_url":"https://avatars2.githubusercontent.com/u/1730277?v=4","gravatar_id":"","url":"https://api.github.com/users/nuintun","html_url":"https://github.com/nuintun","followers_url":"https://api.github.com/users/nuintun/followers","following_url":"https://api.github.com/users/nuintun/following{/other_user}","gists_url":"https://api.github.com/users/nuintun/gists{/gist_id}","starred_url":"https://api.github.com/users/nuintun/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nuintun/subscriptions","organizations_url":"https://api.github.com/users/nuintun/orgs","repos_url":"https://api.github.com/users/nuintun/repos","events_url":"https://api.github.com/users/nuintun/events{/privacy}","received_events_url":"https://api.github.com/users/nuintun/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-06-12T14:37:06Z","updated_at":"2018-06-12T14:37:06Z","closed_at":null,"author_association":"NONE","body":"LESS:\r\n\r\n```less\r\n.ui-box {\r\n  margin-top: 10px;\r\n  margin-left: 11px;\r\n}\r\n.ui-box {\r\n  > div {\r\n    width: 100px;\r\n    height: 50px;\r\n    text-align: center;\r\n    line-height: 50px;\r\n    margin-left: -1px;\r\n    border: 1px solid red;\r\n    display: inline-block;\r\n  }\r\n}\r\n```\r\n\r\nJSX:\r\n```jsx\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport QueueAnim from 'rc-queue-anim';\r\n\r\nconst list = [\r\n  [\r\n    <div key=\"1\">依次进入1</div>,\r\n    <div key=\"2\">依次进入2</div>,\r\n    <div key=\"3\">依次进入3</div>,\r\n    <div key=\"4\">依次进入4</div>,\r\n    <div key=\"5\">依次进入5</div>\r\n  ],\r\n  [\r\n    <div key=\"6\">依次进入6</div>,\r\n    <div key=\"7\">依次进入7</div>,\r\n    <div key=\"8\">依次进入8</div>,\r\n    <div key=\"9\">依次进入9</div>,\r\n    <div key=\"10\">依次进入10</div>\r\n  ]\r\n];\r\n\r\nclass App extends React.Component {\r\n  state = {\r\n    id: 0,\r\n    list: [...list[0]]\r\n  };\r\n\r\n  handleClick = () => {\r\n    const id = this.state.id === 0 ? 1 : 0;\r\n\r\n    this.setState({ id, list: [...list[id]] });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <button onClick={this.handleClick} style={{ marginTop: 10, marginLeft: 10 }}>\r\n          切换列表\r\n        </button>\r\n        <QueueAnim type=\"bottom\" className=\"ui-box\" interval={[100, 0]} duration={[450, 0]}>\r\n          {this.state.list}\r\n        </QueueAnim>\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nReactDOM.render(<App />, document.getElementById('app'));\r\n```\r\n\r\n关闭出场动画，切换新节点入场动画会消失，粗略看了下代码应该是出场动画关闭后并未触发正常情况下的出场逻辑处理，保存了以前的状态值，所以必须设置 `forcedReplay` 才正常（入场动画关闭估计也存在类似问题）。"}}
{"actor":{"display_login":"nuintun"}}