大佬教程收集整理的这篇文章主要介绍了使 antd 表行仅在单击时可见，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个简单的 antd 表，其中包含“状态”、“标题”和三行，我不知道如何显示：默认情况下没有特定行，并通过单击按钮使其可见，例如在用户离开时默认情况下，表格有三行，但我想将行 'value === orderstate.Delivered' 默认设置为 'display:hIDden'，但是当用户点击按钮 'Delivered' 时，它应该是可见的，当用户点击时“所有状态”按钮那么除了相同的“值 === orderstate.Delivered”之外，所有内容都应该可见。这是我的代码，你可以试试： https://codesandbox.io/s/dreamy-surf-t9eh3?file=/src/Test.js:1345-1355
这些是我对您的代码所做的更改
默认过滤 eventsData 不显示已交付
const [filteredEventsData,setFilteredEventsData] = useState(
eventsData.filter((f) => f.key !== "Delivered")
);
在 filterData 函数中，过滤掉即使点击所有状态时也发送的
function filterData(filter) {
if (filter) {
setFilteredEventsData(eventsData.filter((f) => f.key === filter));
} else {
setFilteredEventsData(eventsData.filter((f) => f.key !== "Delivered"));
}
}
以上是大佬教程为你收集整理的使 antd 表行仅在单击时可见全部内容，希望文章能够帮你解决使 antd 表行仅在单击时可见所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。