Perguntas com a marcação «reactjs»

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 …

133 javascript  reactjs  react-native  react-hooks 

Estou lendo sobre o Flux, mas o exemplo do aplicativo Todo é muito simplista para eu entender alguns pontos-chave. Imagine um aplicativo de página única, como o Facebook, que possui páginas de perfil de usuário . Em cada página de perfil do usuário, queremos mostrar algumas informações do usuário e …

132 javascript  facebook  architecture  reactjs  reactjs-flux 

Estou tentando encontrar a melhor maneira de remover um elemento de uma matriz no estado de um componente. Como não devo modificar a this.statevariável diretamente, existe uma maneira melhor (mais concisa) de remover um elemento de uma matriz do que o que tenho aqui? onRemovePerson: function(index) { this.setState(prevState => { …

131 javascript  reactjs 

Estou escrevendo um script que move a lista suspensa abaixo ou acima da entrada, dependendo da altura da lista suspensa e da posição da entrada na tela. Também quero definir modificador para suspenso de acordo com sua direção. Mas usandosetState dentro do componentDidUpdatecria um loop infinito (o que é óbvio) …

131 javascript  reactjs  ecmascript-6 

Eu sou novo no ReactJS e no React-Router. Eu tenho um componente que recebe por meio de adereços um <Link/>objeto do react-router . Sempre que o usuário clica em um botão 'próximo' dentro deste componente, desejo chamar o <Link/>objeto manualmente. No momento, estou usando refs para acessar a instância de …

131 javascript  reactjs  react-router 

Estou usando a última versão do módulo react-router, denominada react-router-dom, que se tornou o padrão ao desenvolver aplicativos da Web com o React. Quero saber como fazer um redirecionamento após uma solicitação POST. Eu tenho feito esse código, mas após a solicitação, nada acontece. Eu analiso na web, mas todos …

131 javascript  reactjs  react-router 

Estou tentando adicionar um componente do mapa React ao meu projeto, mas ocorreu um erro. Estou usando Fullstack Reagir do post como uma referência. Eu localizei onde o erro é gerado na linha 83 do google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

A história é que eu deveria colocar Bob, Sally e Jack em uma caixa. Também posso remover qualquer um da caixa. Quando removido, nenhum slot é deixado. people = ["Bob", "Sally", "Jack"] Agora preciso remover, por exemplo, "Bob". A nova matriz seria: ["Sally", "Jack"] Aqui está o meu componente de …

130 javascript  arrays  reactjs 

Eu tenho um aplicativo react / redux que busca um token de um servidor API. Após a autenticação do usuário, gostaria de fazer com que todas as solicitações axios tivessem esse token como um cabeçalho de autorização sem ter que anexá-lo manualmente a cada solicitação na ação. Eu sou bastante …

130 reactjs  redux  axios 

Eu sou um desenvolvedor angular e novo no React, este é um componente simples do react, mas não está funcionando import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( <span>hello Tech …

129 reactjs 

Qual é o tipo correto para eventos React. Inicialmente eu apenas usei anypor uma questão de simplicidade. Agora, estou tentando limpar as coisas e evitar o uso anycompleto. Então, de uma forma simples como esta: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string …

129 javascript  reactjs  typescript 

Eu tenho um formulário que é usado para criar, ler, atualizar e excluir. Criei 3 componentes com a mesma forma, mas passo-os diferentes adereços. Eu tenho CreateForm.js, ViewForm.js (somente leitura com o botão excluir) e UpdateForm.js. Eu costumava trabalhar com PHP, então sempre fazia isso de uma forma. Eu uso …

128 javascript  reactjs  crud  redux 

Eu tenho elementos de formulário com labels e quero ter IDs exclusivos para vincular labels a elementos com htmlForatributo. Algo assim: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Eu costumava gerar IDs com base, this._rootNodeIDmas não está disponível desde …

128 reactjs 

Estou testando um componente React com renderização superficial Jasmine Enzyme. Simplificado aqui para os fins desta pergunta ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponenttem 2 instâncias MyInnerComponente eu gostaria de testar os adereços em cada uma. O …

128 reactjs  jasmine  enzyme 

Estou ouvindo o termo "montar" muitas vezes enquanto aprendo o ReactJS. E parece haver métodos e erros do ciclo de vida em relação a esse termo. O que exatamente o React quer dizer com montagem? Exemplos: componentDidMount() and componentWillMount()

128 javascript  reactjs