老师,这章视频CSSTransition位置直接在NavSearch上写一个transition不好吗?

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

wxhzz

2018-07-27

export const NavSearch = styled.input.attrs({
	type: 'text', placeholder: '搜索'
})`
	width: 240px;
	height: 38px;
	border: none;
	border-radius: 19px;
	background: #eee;
	padding: 0 40px 0 20px;
	box-sizing: border-box;
	margin-top: 9px;
	outline: none;
	transition: all 0.2s ease-out;
	&::placeholder {
		color: #999;
	}
	&.focused {
		width: 320px;
	}
`;

像老师这样写感觉好麻烦,这样写感觉可以省去使用CSSTransition,还是使用react-transition-group对性能有所提升吗?


写回答

1回答

Dell

2018-07-27

是这样的,简单动画cssTransition足够了,但是复杂动画,就得使用react-transition-group了,我这主要是给介绍下这个模块

0
0

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

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

5275 学习 · 2496 问题

查看课程