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 69296

É 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ê …
Luiz Felipe's user avatar
  • 36,5mil
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. …
Luiz Felipe's user avatar
  • 36,5mil
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
Luiz Felipe's user avatar
  • 36,5mil
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, …
Luiz Felipe's user avatar
  • 36,5mil
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 …
Luiz Felipe's user avatar
  • 36,5mil
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 …
Luiz Felipe's user avatar
  • 36,5mil
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 …
Luiz Felipe's user avatar
  • 36,5mil
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 ( …
Luiz Felipe's user avatar
  • 36,5mil
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/ …
Luiz Felipe's user avatar
  • 36,5mil
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. :) …
Luiz Felipe's user avatar
  • 36,5mil
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 …
Luiz Felipe's user avatar
  • 36,5mil
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. …
Luiz Felipe's user avatar
  • 36,5mil
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. …
Luiz Felipe's user avatar
  • 36,5mil
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() …
Luiz Felipe's user avatar
  • 36,5mil
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'; …
Luiz Felipe's user avatar
  • 36,5mil

15 30 50 por página