Question

我需要计算和存储项目中的值，先前按某些标准过滤并呈现的内容：

<ItemsList>
items ? 
  items.map(
  item => 
    someCriteria &&
    <ItemComponent details={item}>
  )
<ItemsList />

我需要let someVar += item.value之类的地方在地图结束后使用之前和标准更改之前。由于在 map 运行时重新渲染

，我无法在本地状态下将其存储在本地状态

我认为现在唯一的方法是将它存储在 localStorage 中，但我认为它更愚蠢。

由于应用程序架构，没有redux存储，主文件中只有一个状态。感谢

Answer 1

虽然我不太明白你想要创造什么。以下是我认为可能对您有用的内容

var someVar = '';
const renderable = 
<ItemsList>
    { items ? 
        items.map( item => {
                if(someCriteria){
                    someVar += item.value;
                    return <ItemComponent details={item} key={a-must-key}>;
                }
            }
        )
        :
        null
    }
</ItemsList>

地图结束后，您可以从 someVar

中提取值

如何在渲染该项目时计算和存储项目属性？

1 个答案: