添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
我有应用程序,我需要保留搜索历史记录,我认为Map这里很合适:const [searchHistory, setSearchHistory] = useState(new Map());更新它使用setSearchHistory(new Map([[text, result.repos]]));但它用新地图替换地图,你能告诉我如何为状态初始化的地图添加值吗?
查看完整描述

TA贡献1784条经验 获得超4个赞

返回的状态更新器函数不会像基于类的组件那样useState合并状态。this.setState()在功能组件中,您必须手动将旧状态与新状态合并。


您正在将新Map对象传递给setSearchHistory,因此它将完全覆盖旧状态。


Map您可以通过首先将旧对象中的条目复制到新对象中来更新状态Map,然后在状态中添加要添加的新条目。最后,将这个新Map对象传递给setSearchHistory.


// copy (shallow) the old map's entries in the new Map

const updatedMap = new Map(searchHistory);

// add the new entry in the 'updatedMap'

updatedMap.set(key, value);

// update the state

setSearchHistory(updatedMap);


查看完整回答

TA贡献1775条经验 获得超3个赞

您可以像下面这样实现:


const [searchHistory, setSearchHistory] = useState(new Map());


function onChange(key, value) {

// change the searchHistory map with a new Map from the current searchHistory, and the new key, value

setSearchHistory(new Map([...searchHistory, [key, value]]));

}


查看完整回答