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

改进之后：思路：由于值是设置在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. ElementUI2.0组件库el-table表格组件如何自定义表头？
			
    效果图: npm run dev 编译项目之后,报错,要使用jsx语法需要先安装编译插件 1.安装下列安装包 npm install babel-plugin-syntax-jsx --save-de ...
    
			
    2. 
						
  2. BZOJ4706 B君的多边形 (超级卡特兰数/施罗德数)
			
    题目 权限题QAQ 题解 超级卡特兰数/施罗德数 CODE #include <bits/stdc++.h> using namespace std; const int MAXN = 1 ...
    
			
    3. 
						
  3. JavaSctipt 常用字符串 方法及使用方式
			
    1. charAt(x) charAt(x)返回字符串中x位置的字符,下标从 0 开始. //charAt(x) var myString = 'jQuery FTW!!!'; console.log ...
    
			
    4. 
						
  4. 快速幂C++实现
			
    快速幂模板题 很明显,这个题目不能用简单的\(for\)循环+\(mod\)来完成,因为指数\(p\)已经达到了长整型,直接循环来完成的话肯定会超时的. 那么快速幂就应运而生了. 什么是快速幂呢? 利 ...
    
			
    5. 
						
  5. php利用webuploader实现超大文件分片上传、断点续传
			
    PHP用超级全局变量数组$_FILES来记录文件上传相关信息的. 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本 ...
    
			
    6. 
						
  6. 案例(拖拽对话框、高清放大镜、自制滚动条、元素的隐藏方式、表格隔行变色、tab切换效果、字符串拼接、刷新评论)
			
    一.拖拽对话框 <style> .of{ width: 500px; } #link,#close{ text-decoration: none; margin: 0 10px; font ...
    
			
    7. 
						
  7. LibreOJ #6. Guess Number
			
    二次联通门 : LibreOJ #6. Guess Number /* LibreOJ #6. Guess Number 交互题初体验 用了二分判定 感觉不错 */ #include "in ...
    
			
    8. 
						
  8. 配置Jupyter Notebook
			
    配置Jupyter Notebook 1 修改Jupyter Notebook的工作目录 Jupyter默认打开的是用户目录,使用如下步骤自行修改: CMD生成Jupyter配置文件: (python ...
    
			
    9. 
						
  9. [bzoj 4939][Ynoi 2016]掉进兔子洞
			
    传送门 Description 一个长为 n 的序列 a. 有 m 个询问,每次询问三个区间,把三个区间中同时出现的数一个一个删掉,问最后三个区间剩下的数的个数和,询问独立. 注意这里删掉指的是一个一 ...
    
			
    10. 
						
  10. 【SPOJ】Longest Common Substring
			
    [SPOJ]Longest Common Substring 求两个字符串的最长公共子串 对一个串建好后缀自动机然后暴力跑一下 废话 讲一下怎么跑吧 从第一个字符开始遍历,遍历不到了再沿着\(pare ...
    
			
    11.