Nosso aplicativo usa rolagem infinita para navegar por grandes listas de itens heterogêneos. Existem algumas rugas: É comum que nossos usuários tenham uma lista de 10.000 itens e precisem percorrer 3k +. Esses são itens ricos, portanto, podemos ter apenas algumas centenas no DOM antes que o...
Uma das maiores vantagens do React.js deve ser a renderização do lado do servidor . O problema é que a função chave React.renderComponentToString()é síncrona, o que torna impossível carregar quaisquer dados assíncronos conforme a hierarquia do componente é renderizada no servidor. Digamos que eu...
Normalmente, para incluir a maioria dos meus ícones SVG que exigem um estilo simples, eu faço: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Agora estou brincando com ReactJS ultimamente, avaliando-o como um possível componente em minha nova pilha de...
Acabei de começar a explorar o React, adicionando um componente com uma função de renderização simples: render() { return <div class="myApp"></div> } Quando executo o aplicativo, recebo o seguinte erro: Warning: Unknown DOM property class. Did you mean className? Posso resolver...
Qual é a maneira correta de atualizar o estado, é um objeto aninhado, em React with Hooks? export Example = () => { const [exampleState, setExampleState] = useState( {masterField: { fieldOne: "a", fieldTwo: { fieldTwoOne: "b" fieldTwoTwo: "c" } } }) Como alguém usaria...
Hoje comecei a aprender ReactJS e depois de uma hora enfrentei o problema .. Quero inserir um componente que tem duas linhas dentro de uma div na página. Um exemplo simplificado do que estou fazendo abaixo. Eu tenho um html: <html> .. <div
Tenho brincado com o React e tenho o seguinte componente de tempo que apenas renderiza Date.now()na tela: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> {...
Eu sei que esta pergunta já foi feita algumas vezes, mas na maioria das vezes, a solução é lidar com isso no pai, pois o fluxo de responsabilidade é apenas decrescente. No entanto, às vezes, você precisa eliminar um componente de um de seus métodos. Eu sei que não posso modificar seus adereços, e...
Aqui está um componente básico. Tanto o <ul>e <li>têm funções onClick. Quero apenas o onClick no <li>para disparar, não o <ul>. Como posso conseguir isso? Eu brinquei com e.preventDefault (), e.stopPropagation (), sem sucesso. class List extends React.Component {...
Estou usando o mesmo componente para três rotas diferentes: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Existe alguma maneira de combiná-lo, para ser...
Como estou usando o react-router para lidar com minhas rotas em um app react, estou curioso para saber se há uma maneira de redirecionar para um recurso externo. Digamos que alguém acerte: example.com/privacy-policy Eu gostaria que redirecionasse
A partir dos react.js tutorial que vemos esse uso de chaves duplas: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> E então no segundo tutorial, "Pensando em reagir" : <span style={{ color: 'red' }}> {this.props.product.name} </span>; No entanto, a documentação do...
Usamos o pacote Backbone + ReactJS para construir um aplicativo do lado do cliente. Contando fortemente com o notório valueLink, propagamos valores diretamente para o modelo por meio do próprio invólucro que suporta a interface ReactJS para vinculação bidirecional. Agora enfrentamos o...
Estou usando o react e o react-router para a minha aplicação no lado do cliente. Não consigo descobrir como obter os seguintes parâmetros de consulta de um url como: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Minhas rotas são assim (o caminho está totalmente errado, eu...
Tenho um problema ao navegar para outra página, sua posição permanecerá como a página anterior. Portanto, não vai rolar para cima automaticamente. Eu também tentei usar window.scrollTo(0, 0)no roteador onChange. Também usei scrollBehavior para corrigir esse problema, mas não funcionou. Alguma...
Ao instalar o 'react-native init AwesomeProject' , recebo este erro quando executo react-native run-android: Could not determine java version from '11.0.1'. Um rápido google sugere que eu preciso atualizar o distributionUrlno wrapper do Gradle. Tendo feito isso, encontro um novo erro: Cannot add...
Estou vendo isso. Não é um mistério sobre o que está reclamando: Warning: validateDOMnesting(...): <div> cannot appear as a descendant of <p>. See ... SomeComponent > p > ... > SomeOtherComponent > ReactTooltip > div. Eu sou o autor de SomeComponente...
Estou tentando minha primeira parte do React.js e estou perplexo no início ... Tenho o código abaixo, que renderiza um formulário de pesquisa em <div id="search"></div>. Mas digitar na caixa de pesquisa não adianta nada. Presumivelmente, algo está faltando, passando os adereços e o...
Estou tentando usar React.forwardRef, mas estou tropeçando em como fazê-lo funcionar em um componente baseado em classe (não HOC). Os exemplos de documentos usam elementos e componentes funcionais, até mesmo agrupando classes em funções para componentes de ordem superior. Então, começando com...
Você deve usar this.setState()ao usar redux? Ou você deve sempre despachar ações e depender de