首页 > 解决方案 > 过滤器激活时 event.listener 的问题

问题描述

每个人!所以,我的问题是我有一个逻辑,我创建了一个逻辑来传送到 babylonjs (camera.position),根据一个按钮点击一个反应组件。按钮点击逻辑是在babylon的js文件上设置的,有一个forEach函数和一个eventListener。没有过滤器一切正常,但是当我使用以下逻辑应用过滤器时,它仅在我在输入上输入任何内容之前有效,在输入后它不起作用,我猜在添加过滤器后我的前面发生了一些变化,希望我有另一个逻辑来做到这一点。

{DataEstandeP.filter(stand => {
              if (searchStandName === '') {
                  return true;
              } else if (stand.nome_da_empresa.toLowerCase().includes(searchStandName.toLowerCase())) {
                  return true;
              }
              return false;
          }).map(item => {
                return(
                      <Box className={styles.card} w="217px" h="106px" bg="#F4F4FB" borderRadius="16px" key={item.id}>
                      <Box className={styles.info} zIndex={5} borderRadius="16px">
                        <Center>
                            <Button mt="8" id={"telemp0"+item.id} border="1px solid #FFFFFF" _hover={{bg:"#FFFFFF", color:"#1c1c1c"}} className={styles.buttontel} fontSize={[9,11,15]} onClick={() => setShowMenuTeleporte(false)} bg="#ffffff00"  color="#FFFFFF" w="170px" h="40px" borderRadius="20px">
                              Visitar Stand
                            </Button>
                        </Center>
                        </Box>       
                        <Center zIndex="2" m="4" position="absolute">
                        <Avatar
                            borderRadius="full"
                            boxSize={["15px","20px","26px","56px"]}
                            name="J"
                            alt="J"
                            src={item.logo_empresa.url}
                              />
                          <Box ml="2">
                          <Text pb={1} fontWeight="800" color="#000000" textAlign="left" fontSize="13px"> {item.nome_da_empresa}</Text>
                          <Text pb={1} lineHeight="15px" color="#000000" textAlign="left" fontSize="13px"> {item.setor} </Text>
                          </Box>
                        </Center>                 
                      </Box>
                    )})}

我只能说这个,因为这是我工作的企业的文件,希望你们能帮助我,谢谢!

标签: javascriptreactjstypescriptbabylonjs

解决方案


推荐阅读