关于ListGroup的问题

来源:4-14 使用 react-transition-group 的使用(2)

阿ccciii

2021-10-18

getToDoItem(){
		return (
            <ListGroup variant="flush" style={{ marginBottom: '1rem' }}> 
                <TransitionGroup>
                    { this.state.list.map((item, index) => (
                        <CSSTransition
                            key = {index}
                            timeout={500}
                            classNames="item">
                                <TodoItem 
                                    content = {item}
                                    index = {index}
                                    handleItemDelete = {this.handleItemDelete}/>
                        </CSSTransition>        
                    ))}                       
                </TransitionGroup> 
             </ListGroup>
        )
	}

老师你好,我看了GitHub上关于TransitionGroup的例子后,自己也给todoList加了一些react-bootstrap的样式,但是有个问题,我在标签里面加了之后,里面的variant="flush"属性就没有作用了;如果不加,variant="flush"属性有效果但是动画效果就没有了,这个问题可以麻烦老师解惑吗?谢谢!

写回答

1回答

Dell

2021-10-20

你中间再加一层 div 是否可以?

0
2
Dell
回复
阿ccciii
如果不行,换一个 React 的动画库吧
2021-10-31
共2条回复

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

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

5275 学习 · 2496 问题

查看课程