在我的应用程序中,我为相同uniqueID的背景色指定了相同的随机 colored颜色 ,如果页面重新加载,我还希望此 colored颜色 为相同的随机 colored颜色 .

我的方法和当前的行为与前一篇文章中的解决方案相似:Generate Random Same Colors in React然而,colors change if the page is reloaded.

Question:有没有办法将uniqueID映射为随机 colored颜色 ,并使用REACT保存我的应用程序的不同实例?

请参见以下我的当前代码:

function getRandomColor(): string{
  return '#' + Math.floor(Math.random()*16777215).toString(16);
}
let colorMap = new Map<number, string>();
function setColor(uniqueId: number): string{
  if(colorMap.get(uniqueId) == null){
    colorMap.set(uniqueId,getRandomColor());
  }
  return colorMapping.get(id) + "";
}
//later in the code
color: setColor(Number(d_id)),

推荐答案

您可以使用多种存储选项之一来存储此内容,然后在每次页面加载时还原:

Javascript相关问答推荐

为什么JavaScript双边字符串文字插值不是二次的?

为什么getRecord()会因为与_logger相关的错误而失败?(使用Hedera SDK)

如何修复内容安全策略指令脚本-SRC自身错误?

当点击注册页面上的注册按钮时,邮箱重复

如何从Intl.DateTimeFormat中仅获取时区名称?

如何在文本字段中输入变量?

使用Google API无法进行Web抓取

更改预请求脚本中重用的JSON主体变量- Postman

如何将innerHTML字符串修剪为其中的特定元素?

如何在Angular拖放组件中同步数组?

在Reaction中的handleSubmit按钮内,useSelector值仍然为空

如何使用TypeScrip设置唯一属性?

同一类的所有div';S的模式窗口

有效路径同时显示有效路径组件和不存在的路径组件

如果一个字符串前面有点、空格或无字符串,后面有空格、连字符或无字符串,则匹配正则表达式

如果没有页面重新加载Angular ,innerHTML属性绑定不会更新

未捕获的运行时错误:调度程序为空

有没有办法在R中创建一张具有多个色标的热图?

REACT-本机错误:错误类型错误:无法读取未定义的容器的属性

通过ng-绑定-html使用插入的HTML中的函数