Perguntas com a marcação «react-hooks»

Hooks é um novo recurso que permite que os desenvolvedores usem estado (s) e outros recursos do React sem escrever uma classe.

12
Como corrigir o aviso de dependência ausente ao usar o useEffect React Hook?
Com o React 16.8.6 (foi bom na versão anterior 16.8.3), recebo esse erro ao tentar impedir um loop infinito em uma solicitação de busca ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the dependency array react-hooks/exhaustive-deps Não consegui encontrar uma solução que …
13
Como usar componentWillMount () nos ganchos de reação?
Nos documentos oficiais do React, ele menciona - Se você estiver familiarizado com os métodos do ciclo de vida da classe React, considere usar o Hook Effect como componentDidMount, componentDidUpdate e componentWillUnmount combinados. Minha pergunta é - como podemos usar o componentWillMount()método de ciclo de vida em um gancho?
28
O React Hook “useState” é chamado na função “app”, que não é um componente da função React ou uma função personalizada do React Hook
Estou tentando usar ganchos de reação para um problema simples const [personState,setPersonState] = useState({ DefinedObject }); com as seguintes dependências. "dependencies": { "react": "^16.8.6", "react-dom": "^16.8.6", "react-scripts": "3.0.0" } mas ainda estou recebendo o seguinte erro: ./src/App.js Linha 7: Gancho de reação "useState" é chamado na função "app", que não …
9
O que é useState () no React?
Atualmente, estou aprendendo o conceito de ganchos no React e tentando entender o exemplo abaixo. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count …
7
Avisos do React Hook para a função assíncrona em useEffect: a função useEffect deve retornar uma função de limpeza ou nada
Eu estava tentando o exemplo useEffect algo como abaixo: useEffect(async () => { try { const response = await fetch(`https://www.reddit.com/r/${subreddit}.json`); const json = await response.json(); setPosts(json.data.children.map(it => it.data)); } catch (e) { console.error(e); } }, []); Executar snippet de códigoOcultar resultadosExpandir trecho e recebo este aviso em meu console. Mas …
10
React Hooks useState () com Object
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 setExampleStatepara atualizar exampleStatepara a(anexando um campo)? …
5
React.useState não recarrega o estado dos adereços
Estou esperando o estado recarregar na mudança de props, mas isso não funciona e a uservariável não é atualizada na próxima useStatechamada, o que está errado? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? (<img src={user.avatar}/>) : (<p>Loading...</p>); } codepen
5
O gancho Make React useEffect não roda na renderização inicial
De acordo com a documentação: componentDidUpdate()é chamado imediatamente após a atualização ocorrer. Este método não é chamado para a renderização inicial. Podemos usar o novo useEffect()gancho para simular componentDidUpdate(), mas parece que useEffect()está sendo executado após cada renderização, mesmo na primeira vez. Como faço para que ele não execute na …
3
Ouvinte do Firebase com ganchos de reação
Estou tentando descobrir como usar um ouvinte do Firebase para que os dados do firestore na nuvem sejam atualizados com atualizações de ganchos de reação. Inicialmente, fiz isso usando um componente de classe com uma função componentDidMount para obter os dados do firestore. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.