编辑用户信息，角色信息无法加载到值

改进之后：思路：由于值是设置在state里面的，界面编辑时，会重服务器拉去数据，值也设置在state里面了，但是CheckboxGroup依然不会去渲染选中的值，

也想到过是由于加载数据有先后问题，是否是由于角色的组件在渲染时没有加载的角色的值进行渲染呢？然后排查里面的逻辑，发现角色列表是提前就取出来了的，而且非常让人困惑的，这个编辑操作有些用户编辑可以选中，有些用户编辑又不会选中，目前还是没有找到造成这个问题的根本原因是什么？

暂时通过设置一个独立的key值来进行渲染，可以解决该问题/



												


											
react中，用key值来解决一些奇葩问题的更多相关文章
	

    
						
  1. React 中的key值
		
    在react中必须要有key值,key不是用来提升react的性能的,react中的key属性,它是一个特殊的属性,它是出现不是给开发者用的(例如你为一个组件设置key之后不能获取组件的这个key p ...
    
		
    2. 
								
  2. react中对于key值的理解
		
    1.key是用来帮助react识别哪些内容被更改.添加或者删除.key需要写在用数组渲染出来的元素内部,并且需要赋予其一个稳定的值.如果key值发生了变更,react则会触发UI的重渲染. 2.在相邻 ...
    
		
    3. 
						
  3. Python开发【笔记】：如何在字典遍历中删除key值？
		
    数据遍历时不能犯傻系列 前言: 针对字典做一些操作时,有时会遇到下面的状况,列如我们需要把data中的key值根据replace中的映射关系进行替换(Caller替换为caller) data = { ...
    
		
    4. 
						
  4. JS 遍历JSON中每个key值
		
    JS 遍历JSON中的每个key值,可以按键值对进行存储: var myVar = { typeA: { option1: "one", option2: "two&qu ...
    
		
    5. 
						
  5. iOS 中plist文件中配置key值冲突的现象
		
    iOS开发一些特殊的软件需要在项目中配置对应的key值,然而近期在项目中发现一个有意思的现象,苹果官方文档中提供的key值很多,但其实有一些彼此可能有冲突,当你同时配置了彼此冲突的key值,可能会出现 ...
    
		
    6. 
						
  6. 015——VUE中使用key唯一令牌解决表单值混乱问题
		
    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
    
		
    7. 
						
  7. FastJson 对json中的KEY值的大小写转换方法
		
    /** * json大写转小写 * * @return JSONObject */ public static JSONObject transToLowerObject(String json) { ...
    
		
    8. 
						
  8. spring中@Value("${key}")值原样输出${key}分析与解决
		
    问题: 最近发现一个项目中,在类中通过@Value("${key}")获取配置文件中变量值突然不行了,直接输出${key},示例代码如下: java类中: import org.s ...
    
		
    9. 
						
  9. json中获取key值
		
    <script type="text/javascript"> getJson('age'); function getJson(key){ var jsonObj={ ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. js中使用Switch
			
    语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } ...
    
			
    2. 
						
  2. SQL Server 表表达式--派生表、公用表表达式(CTE)、视图和内联表值函数
			
    概述 表表达式是一种命名的查询表达式,代表一个有效地关系表.可以像其他表一样,在数据处理中使用表表达式. SQL Server支持四种类型的表表达式:派生表,公用表表达式,视图和内联表值函数. 为什么 ...
    
			
    3. 
						
  3. redis默认端口6379以其名命名,是我孤陋寡闻了,是名性感美女(梅尔兹)
			
    阿莱西亚-梅尔兹Alessia Merz ,这位亚平宁半岛的性感女人,自从结婚之后就逐渐的淡出了人们的实现,曾经的尤文教母已经现在已经是两个孩子的母亲,但是最近的梅尔兹开始蠢蠢欲动,在相夫教子的同时, ...
    
			
    4. 
						
  4. LOJ P10116 清点人数 题解
			
    每日一题 day13 打卡 Analysis 用简单的树状数组维护单点修改和查询就行了 #include<iostream> #include<cstdio> #include ...
    
			
    5. 
						
  5. 后台（一）vue+element-ui（全局配置）
			
    vue init webpack    项目名称 npm install axios                    //先安装! npm install --save axios vue-ax ...
    
			
    6. 
						
  6. java上传1t文件
			
    我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用.此控件PC全平台支持包括mac,linux系统的文件上传,文章末尾将附上控件下载与教程链接 ...
    
			
    7. 
						
  7. [cogs] 传染病控制
			
    http://cogs.pro:8080/cogs/problem/problem.php?pid=107 去年6月份的代码了,又长又臭又WA 暴力贪心模拟 水水50 #include<iost ...
    
			
    8. 
						
  8. [bzoj 2768]&[bzoj 1877]
			
    传送门1 传送门1 Solution 两道比较裸的题... 复习一下最大流和费用流的模板. Code[bzoj 2768][JLOI 2010] 冠军调查 #include<bits/stdc+ ...
    
			
    9. 
						
  9. getLocation需要在app.json中声明permission字段，解决办法
			
    具体开发方法如下: 在 app.json 里面增加 permission 属性配置(小游戏需在game.json中配置): "permission": { "scope. ...
    
			
    10. 
						
  10. excel中在某一列上的所有单元格的前后增加
			
    excel中在某一列上的所有单元格的前后增加数字汉字字符等东西的函数这样写 “东西”&哪一列&“东西” 例如  “1111”&E1&“3333”
    
			
    11.