Perguntas com a marcação «reactjs»

Sempre que executo webpackno terminal, recebo: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Aqui está meu arquivo webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } ] } …

84 javascript  express  reactjs  webpack  babeljs 

Eu tenho um roteador como abaixo: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Aqui está o que eu quero alcançar: Redirecionar o usuário para /loginse não estiver conectado Se o usuário tentou acessar /loginquando já estava logado, redirecione-o para o root/ agora estou tentando verificar …

83 javascript  reactjs  react-router 

Como corrigir Could not find plugin "proposal-numeric-separator", recebo esse erro ao tentar criar meu aplicativo React, ainda não o ejetei: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) at Generator.next (<anonymous>) …

61 reactjs  build  yarnpkg 

Após a atualização para o react-native 0.61, recebo muitos avisos assim: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Qual é o outro VirtualizedList-backed containerque devo usar e por que agora é aconselhável não usar dessa maneira?

39 javascript  reactjs  react-native 

A maneira padrão de usar um gancho React useState é a seguinte: const [count, setCount] = useState(0); No entanto, essa const countvariável será claramente atribuída a um valor primitivo diferente. Por que então a variável não é definida como let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

Aqui está o problema: estou tentando chamar duas funções com um clique de botão. Ambas as funções atualizam o estado (estou usando o gancho useState). A primeira função atualiza o valor1 corretamente para 'novo 1', mas após 1s (setTimeout) a segunda função é acionada e altera o valor 2 para …

31 javascript  reactjs  react-hooks 

Estou desenvolvendo um aplicativo de inicialização simples, mas por causa de um problema no GitHub, recrio meus arquivos iniciais do aplicativo usando o IntelliJ e instalei os módulos de nó usando os dados de dependência do arquivo package.json do aplicativo anterior. Se eu usar uma barra de navegação em colapso …

27 javascript  jquery  reactjs  bootstrap-4 

Estou tentando descobrir como usar um ouvinte do Firebase para que os dados do firestore na nuvem sejam atualizados com atualizações de ganchos de reação. Inicialmente, fiz isso usando um componente de classe com uma função componentDidMount para obter os dados do firestore. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

Estou implantando um aplicativo React, mas estou recebendo um erro estranho quando visito a página em https. Quando visito a página por https, recebo o seguinte erro: SecurityError: falha ao construir 'WebSocket': Uma conexão insegura do WebSocket não pode ser iniciada a partir de uma página carregada por HTTPS. Mas …

25 node.js  reactjs 

em react-native init ProjectName, o arquivo principal do aplicativo App.jscontém a declaração de um componente da seguinte maneira: const App: () => React$Node = () => {...} O que significa essa instrução? Quero dizer, estou acostumado a componentes definidos como const App = () => {...}, então não entendo, em …

23 javascript  reactjs  react-native 

Por alguma razão, não consigo fazer com que o datepicker da ui material funcione. Toda vez que o datepicker é renderizado no React, o seguinte erro é gerado: RangeError: a string de formato contém um caractere do alfabeto latino sem escape n Eu criei um stackblitz com apenas o datepicker …

19 javascript  reactjs  material-ui  material-ui-pickers 

Sou novo no uso do React, por isso pode ser realmente simples de conseguir, mas não consigo descobrir sozinho, mesmo tendo pesquisado. Perdoe-me se isso é muito idiota. Contexto Estou usando o Inertia.js com os adaptadores Laravel (back-end) e React (front-end). Se você não conhece a Inércia, basicamente: O Inertia.js …

19 javascript  reactjs  promise  inertia 

Estou usando o novo gancho useHistory do React Router, lançado algumas semanas atrás. Minha versão do roteador React é 5.1.2. My React está na versão 16.10.1. Você pode encontrar meu código na parte inferior. No entanto, quando importo o novo useHistory do react-router, recebo este erro: Uncaught TypeError: Cannot read …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

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 'history'; import * as router …

18 reactjs  typescript  react-router  jestjs  enzyme 

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 {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Entendo como funciona, mas não sei como devo obter o valor selecionado. Por exemplo, eu …

17 javascript  reactjs  material-ui