minha saída do erro: Objeto de configuração inválido. O Webpack foi inicializado usando um objeto de configuração que não corresponde ao esquema da API. - configuration.module possui uma propriedade desconhecida 'loaders'. Essas propriedades são válidas: objeto {exprContextCritical ?,...
Por que no exemplo de pseudo-código a seguir o Child não é renderizado novamente quando o Container altera foo.bar? Container { handleEvent() { this.props.foo.bar = 123 }, render() { return <Child bar={this.props.foo.bar} /> } Child { render() { return
Tenho algum problema com minhas imagens no meu projeto de reação. Na verdade, eu sempre pensei que o caminho relativo no atributo src era construído na arquitetura de arquivos Aqui minha arquitetura de arquivos: components file1.jsx file2.jsx file3.jsx container img js ... No entanto,...
Como posso obter informações de um ReadableStreamobjeto? Estou usando a API de busca e não vejo isso claro na documentação. O corpo está sendo retornado como ReadableStreame eu simplesmente gostaria de acessar uma propriedade dentro desse fluxo. Em Resposta nas ferramentas de desenvolvimento do...
Eu tenho um componente de notificação e tenho uma configuração de tempo limite para ele. depois do tempo limite eu ligo this.setState({isTimeout:true}). O que eu quero fazer é, se já estiver com tempo limite, quero apenas renderizar nada: render() { let finalClasses = "" + (this.state.classes...
Eu sou newb para reactjs, quero incluir bootstrap no meu aplicativo react Eu instalei o bootstrap por npm install bootstrap --save Agora, deseja carregar o bootstrap css e js no meu aplicativo de reação. Estou usando o webpack. webpack.config.js var config = { entry: './src/index', output:...
Qual é a diferença entre componente e container no react
Estou brincando com Reacte ES6usando babele webpack. Quero criar vários componentes em arquivos diferentes, importar em um único arquivo e agrupá-los comwebpack Digamos que tenho alguns componentes como este: my-navbar.jsx import React from 'react'; import Navbar from
Clonei um aplicativo de reação no meu sistema e executei os seguintes comandos npm install -g create-react-app npm install --save react react-dom Depois disso eu corri npm start Mas ele lançou o erro acima mencionado, está funcionando bem no meu outro sistema a partir do qual eu o empurrei no...
Como obtenho o URL completo de um componente ReactJS? Eu estou pensando que deveria ser algo como, this.props.locationmas
Em vez de escrever meus componentes dentro de uma classe, gostaria de usar a sintaxe da função. Como faço para substituir componentDidMount, componentWillMountdentro dos componentes da função? É mesmo possível? const grid = (props) => { console.log(props); let {skuRules} = props; const...
Eu uso o código abaixo para definir adereços padrão em um componente React, mas ele não funciona. No render()método, vejo que a saída "objetos indefinidos" foi impressa no console do navegador. Como posso definir um valor padrão para os componentes do componente? export default class...
Atualmente, estou aprendendo o conceito de ganchos no React e tentando entender o exemplo abaixo. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked...
Eu construí um componente no React que deveria atualizar seu próprio estilo no scroll da janela para criar um efeito de paralaxe. O rendermétodo component se parece com o seguinte: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => {...
Embora exista uma pergunta semelhante, não estou conseguindo criar um arquivo com várias funções. Não tenho certeza se o método já está desatualizado ou não, pois o RN está evoluindo muito rapidamente. Como criar uma função auxiliar global em reagir nativo? Eu sou novo no React Native. O que eu...
Estou lendo sobre o Flux, mas o exemplo do aplicativo Todo é muito simplista para eu entender alguns pontos-chave. Imagine um aplicativo de página única, como o Facebook, que possui páginas de perfil de usuário . Em cada página de perfil do usuário, queremos mostrar algumas informações do usuário...
Eu sou novo no ReactJS e no React-Router. Eu tenho um componente que recebe por meio de adereços um <Link/>objeto do react-router . Sempre que o usuário clica em um botão 'próximo' dentro deste componente, desejo chamar o <Link/>objeto manualmente. No momento, estou usando refs para...
Estou tentando encontrar a melhor maneira de remover um elemento de uma matriz no estado de um componente. Como não devo modificar a this.statevariável diretamente, existe uma maneira melhor (mais concisa) de remover um elemento de uma matriz do que o que tenho aqui? onRemovePerson:...
Estou escrevendo um script que move a lista suspensa abaixo ou acima da entrada, dependendo da altura da lista suspensa e da posição da entrada na tela. Também quero definir modificador para suspenso de acordo com sua direção. Mas usandosetState dentro do componentDidUpdatecria um loop infinito (o...
Estou usando a última versão do módulo react-router, denominada react-router-dom, que se tornou o padrão ao desenvolver aplicativos da Web com o React. Quero saber como fazer um redirecionamento após uma solicitação POST. Eu tenho feito esse código, mas após a solicitação, nada acontece. Eu analiso...