如果没有使用reactjs中的axios从后端服务器获取数据,可以通过以下几种方式隐藏行:
tr {
display: none;
}
// 获取表格
var table = document.getElementById("myTable");
// 获取所有行
var rows = table.getElementsByTagName("tr");
// 隐藏行
for (var i = 0; i < rows.length; i++) {
rows[i].style.display = "none";
}
render() {
return (
<table>
<tbody>
{data.map(item => (
{item.shouldHide ? null : (
<tr key={item.id}>
<td>{item.name}</td>
<td>{item.age}</td>
</tr>
)}
))}
</tbody>
</table>
);
}
在上述代码中,根据item.shouldHide
的值来决定是否渲染该行,如果为true,则不渲染。
以上是一些常见的方法来隐藏行,根据具体的需求和场景选择适合的方法。关于React、axios以及其他相关技术的详细介绍和使用方式,可以参考腾讯云提供的相关文档和产品介绍页面。
领取专属 10元无门槛券
手把手带您无忧上云