Resultados da Pesquisa
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 |
40 resultados
É 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". …
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 "../.. …
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> …
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> …
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 …
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 …
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 …
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 …
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 …
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> …
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 …
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> …
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 …
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)}
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 …