Estou tentando extrair dados do Open Data para montar um rápido mapa de calor. No processo, quero adicionar algumas estatísticas. Quase tudo corre bem porque tenho os dados e sou capaz de renderizar o mapa, mas não tenho certeza de como lidar com os cálculos depois de obter os dados, pois leva...
Aprendi a usar animação em css usando @keyframe. No entanto, eu quero escrever meu código de animação personalizado no meu projeto de reação (Using materialUI). Meu desafio é como posso escrever o código javascript para personalizar minhas animações usando o makeStyle () no MaterialUI. Quero poder...
Eu tenho um componente pai que processa uma coleção de filhos com base em uma matriz recebida via adereços. import React from 'react'; import PropTypes from 'prop-types'; import shortid from 'shortid'; import { Content } from 'components-lib'; import Child from '../Child'; const Parent = props...
Eu criei um script que é ativado na passagem do mouse em um contêiner pai e deve mover seus elementos filhos para longe do mouse. No momento, estou trabalhando, mas há algumas partes do código que parecem contradizer a aparência do código REACT. Especialmente duas partes. Estou usando um contador...
Estou trabalhando com um projeto legado JavaScript que usa a estrutura React. Temos lá algum componente React definido que eu gostaria de reutilizar em um projeto TypeScript React totalmente diferente. O componente JS React é definido no arquivo controls.jsx e tem a seguinte aparência: export...
Eu tenho um componente muito simples com um campo de texto e um botão: Leva uma lista como entrada e permite ao usuário percorrer a lista. O componente possui o seguinte código: import * as React from "react"; import {Button} from "@material-ui/core"; interface Props { names:...
Estou tentando usar o sider do menu AntD como um painel de guias. Desejo colocar componentes dentro do conteúdo para que o painel de conteúdo renderize o componente relacionado quando um item de menu for clicado. Como faço para que essa estrutura aceite componentes como o conteúdo de cada item de...
Eu quero usar este tema sombrio para o meu novo aplicativo da web react: https://github.com/ant-design/ant-design-dark-theme Depois de seguir as instruções sobre a personalização do tema aqui e as instruções sobre a aplicação do tema no README aqui, o meu config-overrides.js fica assim: const {...
Estou usando reagir roteador com o carregamento lento de componentes e usando Webpack como uma bundler , Quando eu acesso ao home page / eu posso ver na guia de rede que o bundle.jsestá carregado e também quando eu clicar em um item específico na barra lateral do componente correspondente é...
Gostaria de mudar minha configuração jest do meu package.json, estou tentando usar o --config como sugerido aqui, mas obtém o erroargv.config.match is not a function package.json "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --config...
Depois de cavar várias horas, decidimos fazer uma pergunta sobre SO, esperando que alguém pudesse ajudar com relação ao seguinte problema. Para um de nossos aplicativos da web, usamos a estrutura Onsen UI js com sua biblioteca de suporte ao React Quando tentamos renderizar o aplicativo em nossos...
Atualmente, estou acompanhando a documentação do React JS e encontrei um problema com os limites de erro que não estavam funcionando conforme o esperado. Tentei replicar o exemplo mostrado no CodePen fornecido pelos documentos e alguns outros exemplos simples que encontrei na internet, no entanto,...
Eu tenho uma lista de matriz e quando eu começar a digitar na inputlista de matriz irá filtrar correspondente ao value. Funciona, mas perco o foco inputdepois de digitar um caractere. Meu código: const MyPage = (props) => { const [searchTerm, setSearchTerm] = useState(""); const results =...
Vídeo demonstrando meu problema: https://i.imgur.com/L3laZLc.mp4 Eu tenho um aplicativo simples onde você pode adicionar cartões a 2 linhas diferentes. Quando um cartão é adicionado a uma linha, estou usando react-transition-grouppara acionar uma animação "enter". No entanto, também...
Estou criando um menu e submenus aninhados e tudo foi feito a partir de agora. Agora, preciso criar esse menu dobrável para ser aberto por padrão com base no ID fornecido .. Você também pode dar uma olhada no snippet de código de trabalho completo abaixo, const loadMenu = () =>...
Eu tentei reinstalar o nó e remover appdata / roaming / npm e npm-cache. Eu criei vários aplicativos antes, então não tenho certeza do que está acontecendo. Qualquer ajuda é