关于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 是否可以?
022021-10-31
相似问题