Skip to main content
Tipo da pesquisa Sintaxe da busca
Tags [tag]
Exatamente "palavras aqui"
Autor user:1234
user:me (seu)
Pontuação score:3 (3+)
score:0 (nenhum)
Respostas answers:3 (3+)
answers:0 (nenhum)
isaccepted:yes
hasaccepted:no
inquestion:1234
Visualizações views:250
Código code:"if (foo != bar)"
Seções title:maçãs
body:"maçãs laranjas"
URL url:"*.example.com"
Saves in:saves
Status closed:yes
duplicate:no
migrated:no
wiki:no
Tipos is:question
is:answer
Excluir -[tag]
-maçãs
Para obter mais detalhes sobre a pesquisa avançada visite nossa página de ajuda
Resultados com a tag
Opções de pesquisa answers only not deleted user 129

É uma biblioteca JavaScript de código aberto para criar interfaces de usuário. É mantido pelo Facebook, Instagram e uma comunidade de desenvolvedores individuais e outras empresas

1 voto

O setState não está funcionando

Esse é o paradigma de React, nunca assumas que é imediato (assíncrono). Prepara o código para valores "vazios" para depois mudarem quando os valores "chegarem". …
Sergio's user avatar
  • 135mil
3 votos
Aceito

Estou querendo gerar 4 valores aleatórios de uma array. Como posso fazer?

elementos da nova array misturada const teste = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(getRandom(teste, 4)); console.log(getRandom(teste, 4)); console.log(getRandom(teste, 4)); No teu código React … poderia ficar assim: import React, { useState, useEffect } from "react"; import api from "../.. …
Sergio's user avatar
  • 135mil
0 votos
Aceito

React :: trocar parte de uma string por tag input

'; ReactDOM.render( <App lorem={lorem}/>, document.getElementById('app') ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https … ://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="app"></div> …
Sergio's user avatar
  • 135mil
1 voto

Como utilizar o ReactDOM para criar buttons através de condições

className="spinner"></div> {buttons} </div> </div> ) } ReactDOM.render( <StatusA />, document.getElementById('app') ) <script src="https://cdnjs.cloudflare.com/ajax/libs/react … /16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script> <div id="app"></div> …
Sergio's user avatar
  • 135mil
4 votos
Aceito

Criar uma <div> dentro de um .catch no axios

A maneira correta não é colocar uma div dentro do catch, mas sim mudar o state para que essa div seja mostrada... Assim no catch usa: componentDidMount() { axios.get(API_ListaEmpresa) .the …
novic's user avatar
  • 36,7mil
16 votos
Aceito

Qual a diferença entre props e state em React.js?

inline-block; text-align: center; width: 100%; } button { margin: 5px; padding: 5px; } p { margin-top: 1em; text-align: center; color: #aaa; } <script src="https://cdnjs.cloudflare.com/ajax/libs/react … /15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id="app"></app> A lógica do exemplo é: Componente pai (App) n botões …
Comunidade's user avatar
  • 1
4 votos
Aceito

O que são Renderless Components?

Um componente Renderless é um componente que não gera HTML próprio, ele existe somente para estruturar outros componentes e/ou tratar dados que são passados ao interior dele. Um componente Renderless …
Sergio's user avatar
  • 135mil
5 votos

Por que não preciso declarar o parâmetro na função?

this.checked); } const checkbox = document.querySelector('input[type="checkbox"]'); checkbox.addEventListener('change', handleChange); Clica aqui: <input type="checkbox" /> Nota que em classes React
Sergio's user avatar
  • 135mil
0 votos
Aceito

Função onClick no dentro de um form não está a funcionar corretamente

O problema aqui, e semelhante ao que foi perguntado aqui, é que quando o onClick for chamado o valor do index é outro que o que tinha na iteração do loop que criou esse componente... Podes usar o .bi …
Sergio's user avatar
  • 135mil
1 voto

React - Porque o uso de uma variável global para armazenar o this faz o react enxergar apena...

") ); <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js … "></script> <div id="react"></div> …
Sergio's user avatar
  • 135mil
3 votos
Aceito

Como chamar duas funções no onClick (ReactJS)?

Tens de chamar uma dentro da outra. Podes encontrar um nome mais genérico e chamar as duas dentro dessa outra função de nome mais genérico mas só podes ter um onClick por elemento. Por vezes faz sent …
Sergio's user avatar
  • 135mil
2 votos
Aceito

Como exibir um elemento a partir de um true ou false dentro do Objeto? Javascript ReactJs

=> (<p>{obj.value}</p>)); return (<div>{activeElements}</div>); } } ReactDOM.render( <Componente/> , document.getElementById('root')); <script src="https://cdnjs.cloudflare.com/ajax/libs/react … /15.1.0/react.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script> <div id="root"></div> …
Sergio's user avatar
  • 135mil
1 voto
Aceito

Erro de sintaxe Adjacent JSX React

No React 16 muda um pouco, mas tens na mesma de encapsular tudo com <> ou <React.fragment>, por isso uma <div> funciona igualmente bem. … Usa assim: import React from 'react'; function ImovelPhotos (){ return ( <div> <div class="col s12 m3 l3"> <div class="card hoverable"> <div class="card-image …
Sergio's user avatar
  • 135mil
1 voto
Aceito

Chamar método da classe dentro de uma promise retorna: Uncaught (in promise) TypeError: _thi...

Tens de fazer bind à classe em que estás, para o método correr no contexto/this correto. Muda onChangeShelf={this.onChangeShelf} para onChangeShelf={this.onChangeShelf.bind(this)}
NoobSaibot's user avatar
  • 9.772
2 votos
Aceito

Problema ao mapear api com Axios e React,

Esse método getAll chama uma promise e o setState tem de ser chamado dentro do then para ser encadeado na natureza assíncrona desse axios.get. Assim o código deve ser: .then(res => { this.setSta …
Sergio's user avatar
  • 135mil

15 30 50 por página