Perguntas com a marcação «reactjs»

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 …

16 reactjs  npm  webpack  next.js 

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 MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others …

16 javascript  css  reactjs  jestjs  enzyme 

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 …

16 reactjs  visual-studio-code 

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 Heroku hoje cedo. Tentei reverter todas as alterações no código …

15 reactjs  typescript  heroku  material-ui  mern 

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 navegador não fazem …

15 reactjs  npm  create-react-app  react-scripts 

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 ainda …

15 reactjs  typescript  react-native  expo 

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 path="/hello-nextjs" …

15 html  reactjs  routing  react-router  next.js 

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 from …

14 reactjs  react-router 

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> )); // You can now get a ref directly to the DOM button: const ref …

13 javascript  reactjs  performance 

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 script.

13 reactjs  create-react-app 

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 withdraw(account, …

12 javascript  reactjs  redux 

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 desempenho, não quero …

12 reactjs  npm  webpack  es6-modules  rollup 

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 é conhecido o window.opener é nulo devido à segurança entre …

12 javascript  reactjs  oauth  popup  authorization 

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={{ width: 500 }}> …

12 reactjs  material-ui 

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 …

12 javascript  node.js  reactjs  react-hooks