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

改进之后：思路：由于值是设置在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. html学习 菜鸟
			
    1HTML 不是一种编程语言,而是一种标记语言 2只有 <body>区域才会在浏览器中显示. 3<!DOCTYPE>声明有助于浏览器中正确显示网页.doctype 声明是不区分 ...
    
			
    2. 
						
  2. ElementUI 之 Cascader 级联选择器指定 value label
			
    ElementUI 的 Cascader 级联选择器个人觉得很好用,但是对 :options="options" 里的数据格式是有特定要求的:input 框显示的值是 option ...
    
			
    3. 
						
  3. span标签
			
    <span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果.<span>本身没有任何属性. <span> 与& ...
    
			
    4. 
						
  4. leetcode解题报告（16）：Move Zeroes
			
    描述 Given an array nums, write a function to move all 0's to the end of it while maintaining the rela ...
    
			
    5. 
						
  5. 使用Ajax和一般处理程序实现文件上传与下载
			
    1.使用HTML的input标签 <input type="file" multiple="multiple" id="file_load&qu ...
    
			
    6. 
						
  6. （6）打鸡儿教你Vue.js
			
    循环语句 循环使用 v-for 指令 <div id="app"> <ol> // 有序 <li v-for="item in items& ...
    
			
    7. 
						
  7. vue点击父组件里面的列表动态传值到子组件
			
    <template> <div> 爸爸 <div style="background-color:yellow;margin-top:10px" v- ...
    
			
    8. 
						
  8. Poseidon 系统是一个日志搜索平台——认证看链接ppt，本质是索引的倒排列表和原始日志数据都存在HDFS，而文档和倒排的元数据都在NOSQL里，同时针对单个filed都使用了独立索引，使用MR来索引和搜索
			
    Poseidon 系统是一个日志搜索平台,可以在百万亿条.100PB 大小的日志数据中快速分析和检索.360 公司是一个安全公司,在追踪 APT(高级持续威胁)事件,经常需要在海量的历史日志数据中检索 ...
    
			
    9. 
						
  9. Apache Flink - Component Stack
			
    作为一个软件堆栈,Flink是一个分层的系统.堆栈的不同层构建在彼此之上,并提高程序表示的抽象级别: 在runtime层以JobGraph的形式接受一个程序.JobGraph是一个通用的并行数据流,包 ...
    
			
    10. 
						
  10. Java-JVM 锁优化
			
    synchronized 的实现方式是用 Monitor 进行加锁,这是一种互斥锁,为了表示他对性能的影响我们称之为重量级锁. Java 的线程是映射到操作系统原生线程之上的,要阻塞或唤醒一个线程就需 ...
    
			
    11.