ant-design / ant-motion

:bicyclist: Animate specification and components of Ant Design
http://motion.ant.design
MIT License
4.59k stars 358 forks source link

升级reacrt版本之后出现的问题 #110

Closed chenshuai2144 closed 7 years ago

chenshuai2144 commented 7 years ago

contextTypes was defined as an instance property on TweenOne. Use a static property to define contextTypes instead.

image

该怎么解决 回退版本吗?

jljsj33 commented 7 years ago

tween-one 和 queue-anim 什么版本???

jljsj33 commented 7 years ago

ant motion 里就是 15.6.x 啊,,https://github.com/ant-design/ant-motion/blob/master/package.json#L21

baixiaoji commented 7 years ago

报了同样的错误,使用了是最新的框架 @jljsj33 image image

jljsj33 commented 7 years ago

@baixiaoji 报错展开截图上来看看

baixiaoji commented 7 years ago

@jljsj33 以解决,谢谢

jljsj33 commented 7 years ago

@baixiaoji 你怎么解决的,是什么原因出来这问题,能说一下吗?

baixiaoji commented 7 years ago

我在页面切换的过程中,只有子元素的时,用了<QueueAnim />这个组件包裹,控制台就是有报错上述的错误,后来重看了文档,换成了<TweenOne />组件包裹,结果就可以运行了。 @jljsj33 想问问为什么动画组件里面一定要写key才能运行,因为前天看到文档中必须写key这句话,昨天有找不到了。

jljsj33 commented 7 years ago

每个子标签必须带 key,如果未设置 key 将不执行动画。 用 key 是为了记录子级的序列与变更。

baixiaoji commented 7 years ago

@jljsj33 和 react 里的 key 是类似的吗?因为 react 里的 key 设置相同也是可以的,但是 motion 里的没有测试过。

jljsj33 commented 7 years ago

就是 react 的 key, 相同了就不会出现了。。。

programmer-yang commented 7 years ago

@jljsj33 我今天也遇到了这个问题 代码如下:

<QueueAnim>
  <Link key="a">page1</Link>
  <Link key="b">page2</Link>
</QueueAnim>

解决办法:

<QueueAnim>
  <NavLink key="a"><Link>page1</Link></NavLink>
  <NavLink key="b"><Link>page2</Link></NavLink>
</QueueAnim>

结论: R4里有LinkNavLink两种link

jljsj33 commented 7 years ago

rc-queue-anim v1.2.3