Twitter bootstrap 引导折叠表动画赢得'；行不通

我是一个正在学习的初学者。我想做一个简单的项目，我在其中使用bootstrap来创建一个可扩展的表，但当我单击可折叠的td时，它只是在扩展和关闭，没有任何效果。我想了解发生了什么冲突

import React，{Fragment}来自'React'；
从'react router dom'导入{Link}；
导入“../../node_modules/bootstrap/dist/css/bootstrap.min.css”；
导入“../../node_modules/bootstrap/js/src/collapse.js”；
常量用户列表=（道具）=>{
返回(
#
名称
邮寄
联络
{props.users.map（（用户，i）=>(
{user.id}
{user.name}
{user.mail}
{user.contact}
编辑
props.deleteUserProp（用户）}>Delete
地址：{user.body}

))}
)
}
导出默认用户列表您遇到的问题是，来自引导的动画不在非块级元素上运行，如
或
。它将显示和隐藏它，但动画不会运行，因为动画的工作方式取决于元素
display:block
。因此，您可以将
元素中的内容包装到
中，然后将
折叠
类添加到该
中


该元素将被隐藏，动画将运行