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...
Estou trabalhando com um projeto React, usando create-react-app, e tenho duas opções para iniciar o projeto: Primeira maneira: npm run startcom a definição package.jsoncomo esta: "start": "react-scripts start", Segunda maneira: e npm start Qual é a diferença entre esses dois comandos? E qual...
Eu sou muito novo no React JS (como em, apenas comecei hoje). Não entendo muito bem como o setState funciona. Estou combinando React e Easel JS para desenhar uma grade com base na entrada do usuário. Aqui está o meu bin JS: http://jsbin.com/zatula/edit?js,output Aqui está o código: var stage;...
Crio um projeto ReactJS com o create-react-apppacote e funcionou bem, mas não consigo encontrar arquivos e configurações do webpack. Como o react-create-app funciona com o webpack? Onde estão os arquivos de configuração do webpack em uma instalação padrão create-react-app? Não consigo encontrar os...
Existe alguma diferença "nos bastidores" entre definir o innerHTML de um elemento e definir a propriedade dangerouslySetInnerHTML em um elemento? Suponha que eu esteja higienizando adequadamente as coisas por uma questão de simplicidade. Exemplo: var test = React.createClass({ render:...
Com este código: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Eu recebo este erro eslint: 7:16 error Parsing error: Unexpected token .. Why? Aqui...
Eu tenho um problema, que não tenho idéias, como resolver. No meu componente de reação, exibo uma longa lista de dados e alguns links na parte inferior. Depois de clicar em qualquer um desses links, preencheu a lista com uma nova coleção de links e preciso rolar para o topo. O problema é - como...
Estou com problemas para atualizar o estado da caixa de seleção depois que ele é atribuído com o valor padrão checked="checked"em React. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Após a atribuição checked="checked", não consigo...
Estou usando o React e o Redux para desenvolver um aplicativo da web e, quando iniciei meu projeto, obtive o seguinte: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Pesquisei muito sobre como resolvê-lo, mas nenhuma das...
Estou tentando renderizar componentes dinamicamente com base em seu tipo. Por exemplo: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Eu tentei a solução proposta aqui...
Eu sou novo em React JavaScript. Estou tentando desativar um botão quando um campo de entrada está vazio. Qual é a melhor abordagem do React para isso? Estou fazendo algo como o seguinte: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Isso está...
Estou tentando aprender ganchos e o useStatemétodo me deixou confusa. Estou atribuindo um valor inicial a um estado na forma de uma matriz. O método set in useStatenão está funcionando para mim, mesmo com spread(...)ou without spread operator. Eu criei uma API em outro PC que estou chamando e...
Atualmente, estou passando pelos tutoriais do React-Native. Comecei com o tutorial de Introdução, onde criei um novo projeto nativo de reação e consegui executá-lo com êxito no meu dispositivo. Iniciei o tutorial Props , copiei o trecho de código e tentei executar o projeto novamente e a seguinte...
Eu posso atingir esse endpoint http://catfacts-api.appspot.com/api/facts?number=99via Postman e ele retornaJSON Além disso, estou usando create-react-app e gostaria de evitar a configuração de qualquer servidor. No código do meu cliente, estou tentando usar fetcha mesma coisa, mas recebo o...
Como posso carregar uma imagem do diretório local e incluí-la na reactjs img srctag? Eu tenho uma imagem chamada one.jpegdentro da mesma pasta do meu componente e tentei ambas <img src="one.jpeg" />e <img src={"one.jpeg"} />dentro da minha renderfunção, mas a imagem não aparece. Além...
No React 16.2, Fragmentsfoi adicionado suporte aprimorado para . Mais informações podem ser encontradas no post do React aqui. Todos conhecemos o seguinte código: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text....
Eu tento escrever um componente React. para tags de cabeçalho html (h1, h2, h3, etc ...), em que a prioridade do cabeçalho muda dinamicamente com base na prioridade que definimos nos adereços. Aqui o que eu tento fazer. <h{this.props.priority}>Hello</h{this.props.priority}> resultado...
Alguém pode explicar a diferença entre <Route exact path="/" component={Home} /> e <Route path="/" component={Home} /> Eu não sei o significado de
react-native run-androidcomando termina deixando uma mensagem no simulador android. A mensagem é a seguinte: Não é possível carregar o script. Verifique se você está executando um servidor Metro ou se seu pacote 'index.android.bundle' está compactado corretamente para a liberação. O que estou...
Como obtenho a altura da janela de exibição no ReactJS? Em JavaScript normal eu uso window.innerHeight() mas usando o ReactJS, não sei como obter essas informações. Meu entendimento é que ReactDOM.findDomNode() funciona apenas para componentes criados. No entanto, esse não é o caso do elemento...