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

改进之后：思路：由于值是设置在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. 我们什么时候应该在C程序中使用指针？
			
    回答: 传递大型结构喜欢服务器请求或响应数据包. 实现链表和二叉树. 使用GPIO或硬件寄存器. 从函数中获取地址或更新值(通过引用调用) 创建动态数组. 使用函数指针创建回调函数. 注意:除此之外, ...
    
			
    2. 
						
  2. AutoFileName  使用src ,href 引入文件时，会自动补全路径的插件
			
    AutoFileName功能:快捷输入文件名 简介:自动完成文件名的输入,如图片选取 使用:输入”/”即可看到相对于本项目文件夹的其他文件 只要输入 src="" 输入双引号就立马 ...
    
			
    3. 
						
  3. [HNOI2004]L语言 字典树 记忆化搜索
			
    [HNOI2004]L语言 字典树 记忆化搜索 给出\(n\)个字符串作为字典,询问\(m\)个字符串,求每个字符串最远能匹配(字典中的字符串)到的位置 容易想到使用字典树维护字典,然后又发现不能每步 ...
    
			
    4. 
						
  4. TensorFlow(五)：手写数字识别加强版
			
    # 该版本的最终识别准确率达到98%以上 import tensorflow as tf from tensorflow.examples.tutorials.mnist import input_d ...
    
			
    5. 
						
  5. 爬虫（十八）：scrapy分布式部署
			
    scrapy部署神器-scrapyd -->GitHub地址  -->官方文档 一:安装scrapyd 安装:pip3 install scrapyd 这里我在另外一台ubuntu lin ...
    
			
    6. 
						
  6. NetworkX系列教程(2)-graph生成器
			
    小书匠Graph图论 本节主要讲解如何快速使用内置的方法生成graph,官方的文档在这里,里面包含了networkX的所有graph生成器,下面的内容只是我节选的内容,并将graph画出来而已. 声明 ...
    
			
    7. 
						
  7. php curl 传递数据
			
    <?php header("Content-type: text/html; charset=utf-8"); /** * curl 传递数据 */ class curl { ...
    
			
    8. 
						
  8. 解决JavaWeb项目报错：The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.
			
    明明有项目和文件,而且别的项目都可以运行,偏偏这个不能用,报错The origin server did not find a current representation for the targe ...
    
			
    9. 
						
  9. Jedis API操作redis数据库
			
    1.配置文件 classpath路径下,新建redis.properties配置文件 配置文件内容 # Redis settings redis.host=127.0.0.1 redis.port=6 ...
    
			
    10. 
						
  10. BZOJ1941Hide and Seek
			
    做KD_tree的入门题. 问题就是求出任意一个点距其他点的最大曼哈顿距离和最小曼哈顿距离差,然后对其取min即可. 这个东西就是KD_tree可以轻松解决的了. 下面总结一下做KD_tree(不带修 ...
    
			
    11.