搜索框动画不成功

来源:7-5 搜索框动画效果实现

Goplay

2019-09-02

看了文档也没搞懂为什么我的动画不成功,老师帮我看一下。
代码地址:jianshu

写回答

3回答

qq_星愿_11

2021-03-22

<CSSTransition in={props.focused} timeout={200} className="slide">

不是clssName而是 classNames

0
0

manly0305

2020-04-23

那是因为CSSTransition 上的 className 会覆盖掉 NavSearch 上的className 

  1. 去掉NavSearch 的className

  2. CSSTransition  className={this.state.focused? 'slide focused':'slide'}

这样就可以了

0
0

小叛逆0o0

2019-09-09

createGlobalStyle 这个方法已经被废除了,你可以使用其他的css试试

0
1
Goplay
你说的应该是[Deprecated] injectGlobal这个吧,createGlobalStyle是4.0版本代替它的,而且这也跟搜索框动画的实现没多大关系
2019-09-11
共1条回复

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2496 问题

查看课程