javascript - 从 React 的返回方法中的数组中删除元素
问题描述
有一个 React 组件通过 props 接收一些值:
class MyClass {
render() {
const {
values,
shouldRemove,
} = this.props;
}
return (...);
}
如果shouldRemove
存在,则values
必须删除最后一个值。
我无法在 return 语句开始之前删除它,因为我需要 return 的第一部分的最后一个值。
因此,如果数组中存在,我尝试将其设置value
为空 但没有用。shouldRemove
values
return (
<Table.Body>
{values.map((value, valueIndex) => (
//here I need that value too
)}
//from here I don't need it anymore
{shouldRemove ? value = [] : value} // I added this line to set the element to empty. didn't work
{value.map((item, itemIndex) => {
//do something
})
}
</Table.Body>
);
关于如何values
在第一步运行后删除该元素数组的任何想法?
解决方案
您可以在render()
.
render() {
const {
values,
shouldRemove,
} = this.props;
const valuesAfterRemoval = shouldRemove ?
values.slice(0, values.length-1) :
values;
return (
<Table.Body>
{values.map((value, valueIndex) => (
// here I need that value too
)}
{valuesAfterRemoval.map((item, itemIndex) => {
// do something
})
</Table.Body>
);
}
推荐阅读
- javascript - 我如何在 HTML 中将选项列表设置为可选按钮。它有点工作,但大多数按钮都被隐藏了
- vuejs2 - Handsontable:columnSorting 不适用于复杂的标题
- r - 如何根据R中的日期转置行和列?
- r - 修改纵向数据集中的变量(在个人级别上保持值的首次出现)
- javascript - 导入 Socket.IO 客户端库时 Svelte 中出现“未定义导出”错误
- angular - cucumberjs + playwright 测试执行前的 ng 服务
- kotlin - 如何在改造中管理具有空数据的数据类?
- xamarin - 错误 MSB3073:xamarin ios 应用程序上的命令“chmod +x IntuneMAMConfigurator”
- .net - 如何在 Console.ReadLine 期间避免在 Ctrl-C 之后使用 Console.Write?
- c# - 针对组合/复合属性的 UWP C# 引发通知