反应美国房地产总是落后1步[重复]

Question

我还没反应过来。我已经学了几个月了。我目前正在使用ant-design创建标记，并试图在单击时删除它们。我有一个用户的状态，根据他们想要删除或创建标记，用户状态会更新。但是，当I删除标记时，users状态不会立即更新，并在removeuser()中的Iconsole.log（users）；返回空数组。我看过以前类似的问题，但是它们使用useeffect()，但这不适合我的用例。我还尝试将这个 放在代码的返回部分，这在某种程度上解决了问题，但是，每当我从用户表中选中一个复选框时，标记的颜色就会重新呈现。删除标记时，调用removeuser()函数，其中解析用户ID，以便从状态中删除用户。但是，由于状态没有更新，所以不会删除它，因为它是空的，所以[...users].map()不会映射任何内容。我如何解决这个问题？

   
   
 
    
    
 
     
     
const [users, setUsers] = useState([]);

const createUserTags = () => {
  const oldUsers = [...users];
  let updatedUsers = selectedRowKeys.map(userId => ( 
  <Tag onClose = {() => removeUser(userId)}
    closable key = {userId}> 
    {[...dataSource].map(user => {
    return user.Id === userId && "{user.firstName}" + " "+"{user.surname}";
      })
    } 
  </Tag>
  ));
  updatedUsers.unshift(oldUsers);
  setUsers([...updatedUsers]);
};

  const removeUser = userId => {
   
        // remove user from array list
       
   };


return (
  <>
    <Button 
      shape = "round"
      onClick = {() => createUserTagsHandler()}
      type = "primary"> Create Tag 
    </Button> 
</>
  </>
)
     
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
                
    
                
    


            
   


            
 共1个答案


                        
   


                
    

                    
     匿名用户

                
     

     



                
     

					
     
当您console.log它时，状态似乎落后了一步，因为setState（）是异步的，但是，与前面的情况一样，它仍然可以正确地更新。如果它提交到表单，您将看到它发送正确的更新状态
				
     


                
     

                
     
            
    

            
   
                      

相关问题

• 找不到“http://java.sun.com/jsp/jstl/core”的标记库描述符 [重复]
• Git 错误：无法与 XX.XX.XXX.XXX 协商：未找到匹配的主机密钥类型。他们的报价： SSH-DSS [重复]
• 无法克隆 git 存储库 [重复]
• 无法更正突然的"服务器证书验证失败"[重复]
• SMTP重复发送消息-需要身份验证
• 如何在MongoDB中引用其他数据库中的实体？[重复]
• 2023-03-23 - GitHub问题:远程主机标识已更改[重复]
• VSCode 中的错误，当我尝试创建一个 Spotify 不和谐机器人时：[ 语法错误：无法在模块外部使用导入语句 ] 与节点.js [重复]
• 在node js中导入时加载“ES模块”的问题[重复]
• 在 Node.js 中导入：错误“必须使用导入来加载 ES 模块”[重复]
• 将javascript作为节点为[重复]的模块运行
• 如何替换此代码中的“require（）”？[重复]
• 为什么导入 { 事物 } 有效，但导入事物无效？[重复]
• 在 React JS 中导入 [重复]
• React Components的导入语句在ES6中的工作原理[重复]
• import React和import { Component }语法之间的差异[重复]
• 继承注释-线程“main”org.hubinate.MappingException中的异常：实体的映射中重复列
• 从fs.readFile中获取数据[重复]
• 这些错误消息是什么意思？（爪哇秋千）[重复]
• 数组$ArrayList不能强制转换为java中的java.util.ArrayList[重复]

Answer 1

热门标签

Answer 2

相关问题

Answer 3

当您console.log它时，状态似乎落后了一步，因为setState（）是异步的，但是，与前面的情况一样，它仍然可以正确地更新。如果它提交到表单，您将看到它发送正确的更新状态