Estou usando o gancho UseHistory no roteador de reação v5.1.2 com texto datilografado? Ao executar o teste de unidade, tenho um problema. TypeError: Não é possível ler a propriedade 'history' de indefinido. import { mount } from 'enzyme'; import React from 'react'; import {Action} from...
Refiro-me à documentação da React Material-UI ( https://material-ui.com/components/autocomplete/ ). No código de demonstração, <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField...
Estou escrevendo um projeto React no código VS. Encontrei esse problema no código VS. No meu projeto, esta pasta mostra Contém itens enfatizados e sei que significa que há um erro nos meus arquivos. Mas na foto , Eu verifiquei todos os arquivos, mas nenhum erro foi encontrado. Então isso me deixa...
Eu escrevi um botão personalizado ( MyStyledButton) baseado em material-ui Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function
Eu tenho um aplicativo de reação (aplicativo A), criado há cerca de 2 anos usando create-react-app, e ele é ejetado. O aplicativo é exportado como um módulo commonjs2 e enviado em um pacote NPM, para ser usado em um projeto next.js (aplicativo B). Tudo correu bem até eu atualizar alguns pacotes no...
Eu sou novo no Next.js e gostaria de saber como redirecionar da página inicial ( / ) para / hello-nextjs, por exemplo. Depois que o usuário carrega uma página e depois determina se o caminho === / redireciona para / hello-nextjs No react-router , fazemos algo como: <Switch> <Route...
Recentemente, comecei a usar o TypeScript com a Expo. Fiz todas as integrações linter / formatador typescript-eslintpara que eu possa detectar a maioria dos erros durante a codificação. Para verificar se o código é compilado, eu corro de npx tscvez em quando e corrijo de acordo. Uma coisa que...
Eu tenho um aplicativo de reação criado por create-react-app. Após executar o npm start (o script start está presente no package.json como "start": "react-scripts start"), o console diz Iniciando o servidor de desenvolvimento como de costume e inicia o navegador. Mas depois disso, o console e o...
Ao tentar acessar o componente Login do meu aplicativo MERN na versão de produção, recebo uma série dos seguintes erros de tipo mostrados nesta imagem: Meu aplicativo ( https://github.com/ahaq0/kumon_schedule ) funciona perfeitamente localmente e estava funcionando perfeitamente bem hospedado no...
Estou tentando carregar uma exibição de detalhes com base em uma rota react-router-dom que deve pegar o parâmetro URL (id) e usá-lo para preencher ainda mais o componente. Minha rota parece /task/:ide meu componente carrega bem, até eu tentar pegar o: id da URL da seguinte forma: import React...
Vejo que React.forwardRef parece ser a maneira sancionada de passar um ref para um componente funcional filho, a partir dos documentos de reação: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); //...
Eu estou tentando criar um novo projeto usando create-react-appo comando fornecido nos documentos, ou seja, npx create-react-app my-appmas ele não contém pastas como public srce
React Hooks nos fornece a opção useState, e eu sempre vejo comparações Hooks vs Class-State. Mas e Hooks e algumas variáveis regulares? Por exemplo, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Eu não usei Hooks, e ele me dará os mesmos resultados que: function...
Eu quero usar o Autocompletecomponente para tags de entrada. Estou tentando obter as tags e salvá-las em um estado para poder salvá-las posteriormente no banco de dados. Eu estou usando funções em vez de classes em reagir. Eu tentei onChange, mas não obtive nenhum resultado. <div style={{...
Estou interessado em como implementar o OAuth no React usando popup ( window.open). Por exemplo, eu tenho: mysite.com - é aqui que eu abro o pop-up. passport.mysite.com/oauth/authorize - Aparecer. A principal questão é como criar conexão entre window.open(pop-up) e window.opener(como é...
Estou criando uma biblioteca de componentes React compartilhável. A biblioteca contém muitos componentes, mas o usuário final pode precisar usar apenas alguns deles. Quando você agrupa o código no Webpack (ou Parcel ou Rollup), ele cria um único arquivo com todo o código . Por motivos de...
Passei pelas definições dos dois como: Funções puras são aquelas que não tentam alterar suas entradas e sempre retornam o mesmo resultado para as mesmas entradas. Exemplo function sum(a, b) { return a + b; } E a função Impura é aquela que altera sua própria entrada. Exemplo function...
Quero entender qual é a maneira mais geral ou correta de lidar com erros com o React-Redux. Suponha, eu tenho o componente de inscrição de número de telefone. Esse componente gera um erro, digamos se o número de telefone de entrada é inválido Qual seria a melhor maneira de lidar com esse erro?...
Eu tenho um aplicativo React (não usando o Create React App) criado usando TypeScript, Jest, Webpack e Babel. Ao tentar executar o "yarn jest", recebo o seguinte erro: Eu tentei remover todos os pacotes e adicioná-los novamente. Isso não resolve isso. Eu olhei para perguntas e documentação...
Estou criando um aplicativo de página única do React e notei que a restauração de rolagem não parece funcionar conforme o esperado no Chrome (e talvez em outros navegadores). No repositório do github react-router-dom, eles têm uma página que diz que os navegadores estão começando a manipular...