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 |
44 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
5
votos
Aceito
Qual a diferença entre usar forwardRef ou outra prop para passar a referência?
A diferença é que, quando você utiliza o nome ref, está aderindo a uma convenção já estabelecida na comunidade. Portanto, se um componente que você desenvolve irá exigir, de quem o consome, uma referê …
3
votos
Existe alguma forma de bloquear a renderização de um determinado componente no React?
Se você desejar filtrar algum elemento da prop children do React, você precisará usar a API React.Children:
https://reactjs.org/docs/react-api.html#reactchildren
Você pode, então, usar o método React.Children.toArray … ://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<div id="root"></div>
Referência:
React.Children;
Array.prototype.filter. …
2
votos
Aceito
Como passar um objeto dentro de um props?
} </strong>
<a href={this.props.url} target="_blank">
{this.props.musica}
</a>
</li>
);
}
}
Leitura recomendada:
Componentes e Props (Documentação Oficial do React …
3
votos
Aceito
PropTypes sempre dá erro não importa se o valor está correto
Apesar de que, no JavaScript, o tipo de um array é objeto, o PropTypes não considera um array como um objeto.
Demonstração:
console.log(typeof {});
console.log(typeof []);
No seu caso, …
3
votos
Aceito
Combinar duas ou mais types e tuplas no Typescript
Se você quiser criar um tipo para um array combinando os tipos que você já tem, pode fazer assim:
type Modifiers = Array<ButtonTypeModifiers | ButtonMarginModifiers | ButtonSizeModifiers>;
Ou, com …
3
votos
Aceito
Não consigo usar um valor salvo no state do react
O problema é que setState é assíncrono dentro de event handlers. Isso significa que o estado está sendo definido, mas não pode ser acessado através de this.state de forma síncrona. Há duas sessões da …
5
votos
Aceito
Como faço para uma função dentro de um componente funcional pegar o props desse componente?
Assim:
import React from 'react';
import PageHeader from '../template/PageHeader';
import Forms from '../componentes/Forms';
import List from '.. … @16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="app"></div>
Note também que eu modifiquei as …
2
votos
Aceito
Como usar o generics com as props de um componente?
Basta utilizar como um genérico de funções normal, o TypeScript entenderá que se trata de um componente React quando você o chamar. … from 'react';
interface Props<T> {
items: T[];
}
function MyComponent<T>(props: Props<T>) {
return (
<>{JSON.stringify(props.items, null, 2)}</>
);
}
function MainComponent() {
return ( …
4
votos
Aceito
Obter valor de children e props no React
Em React, children é sempre uma prop. Veja:
function App(props) {
console.log(Object.keys(props)); // Veja que `children` é uma prop. … </h1>
</App>,
document.querySelector('#app')
);
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/ …
1
voto
Aceito
Colocar os valores de dois inputs dentro de um array em React?
@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="root"></div>
Dá pra simplificar um pouco utilizando … a nova API dos React Hooks. :) …
4
votos
Aceito
Qual a diferença entre usar uma div e React.Fragment?
@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
Mas neste outro exemplo, nenhuma outra tag além de strong … @16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
Em quais casos é apropriado utilizar a <div> e em quais …
3
votos
Aceito
Como utilizar setTimeout para mostrar um componente apenas após determinado tempo com React?
Isso não vai funcionar porque o setInterval não se comporta adequadamente ao modelo que o React trabalha. … ://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
<div id="root"></div>
É importante entender o funcionamento dos React Hooks. …
2
votos
Aceito
Qual é a vantagem de utilizar a função setState() para modificar um array?
Com os React Hooks, embora a função setState da API antiga não seja mais tão usada, a regra ainda é a mesma. … O mesmo motivo se aplica: o React precisa disso para saber quando o componente deve ser renderizado novamente. …
4
votos
Aceito
Como validar objetos dentro de objetos com yup/formik?
Basta usar Yup.object().shape() dentro da propriedade. Algo assim:
import * as Yup from 'yup';
const schema = Yup.object().shape({
user: Yup.object().shape({
email: Yup.string()
.email() …
6
votos
Elemento tem o tipo any implicitamente ao tentar acessar uma propriedade de um namespace de ...
Desse modo, quando você importa todos os ícones usando a seguinte notação:
import * as Icons from 'react-icons/fa';
O TypeScript irá "definir" o tipo de Icons (também chamado de module namespace) como … A mais simples delas é usar uma asserção de tipos (type assertion):
import * as Icons from 'react-icons/fa';
import { IconType } from 'react-icons/lib/esm';
const iconName: string = 'FaAddressBook'; …