Perguntas com a marcação «reactjs»

Com react-routereu posso usar o Linkelemento para criar links que são nativamente tratados pelo roteador de reação. Eu vejo internamente que chama this.context.transitionTo(...). Eu quero fazer uma navegação. Não de um link, mas de uma seleção suspensa (como exemplo). Como posso fazer isso no...

Estou tentando fazer algo parecido com o seguinte no React JSX(onde o ObjectRow é um componente separado): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> Percebo e entendo por que isso não é válido JSX, pois JSXmapeia as chamadas de função. No entanto,...

Fechado . Esta questão é baseada em opiniões . No momento, não está aceitando respostas. Fechado no ano passado . Bloqueado . Esta pergunta e suas respostas estão bloqueadas porque a questão está fora do tópico, mas tem um significado histórico. No momento,...

O que ...faz neste código React (usando JSX) e como é chamado? <Modal {...this.props} title='Modal heading'

Estou tentando encontrar a maneira correta de definir alguns componentes que podem ser usados ​​de maneira genérica: <Parent> <Child value="1"> <Child value="2"> </Parent> Existe uma lógica em andamento para renderização entre componentes pai e filho, é claro, você pode...

Comecei a aprender React por curiosidade e queria saber a diferença entre React e React Native - embora não tenha conseguido encontrar uma resposta satisfatória usando o Google. React e React Native parecem ter o mesmo formato. Eles têm sintaxe completamente

Eu tenho um objeto observável externo (ao componente) no qual desejo escutar alterações. Quando o objeto é atualizado, ele emite eventos de alteração e desejo renderizar novamente o componente quando qualquer alteração for detectada. Com um nível superior, React.renderisso foi possível, mas dentro...

De acordo com os documentos, "Sem o middleware, o armazenamento Redux suporta apenas o fluxo de dados síncrono" . Não entendo por que esse é o caso. Por que o componente de contêiner não pode chamar a API assíncrona e dispatchas ações? Por exemplo, imagine uma interface simples: um campo e um...

Estou criando um componente React que aceita uma fonte de dados JSON e cria uma tabela classificável. Cada uma das linhas de dados dinâmicas possui uma chave exclusiva, mas ainda estou recebendo um erro de: Cada criança em uma matriz deve ter um suporte "chave" exclusivo. Verifique o método...

Estou usando o React-router e funciona bem enquanto clico nos botões de link, mas quando atualizo minha página da Web, ele não carrega o que quero. Por exemplo, estou dentro localhost/jobliste está tudo bem porque cheguei aqui pressionando um link. Mas se eu atualizar a página da Web,...

Eu quero ler as propriedades do valor do evento onClick. Mas quando clico nele, vejo algo assim no console: SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target Meu código está funcionando corretamente. Quando corro, posso...

Qual é a maneira de reagir ao definir o foco em um campo de texto específico depois que o componente é renderizado? A documentação parece sugerir o uso de referências, por exemplo: Defina ref="nameInput"no meu campo de entrada na função renderizar e

Eu estava assistindo um curso da Pluralsight sobre React e o instrutor afirmou que os adereços não deveriam ser alterados. Agora estou lendo um artigo (uberVU / react-guide) sobre adereços vs. estado e diz Os adereços e as alterações de estado acionam uma atualização de renderização. Mais...

Existe uma maneira de adicionar atributos apenas a um componente React se uma determinada condição for atendida? Eu devo adicionar os atributos obrigatório e readOnly para formar elementos com base em uma chamada Ajax após a renderização, mas não consigo ver como resolver isso, pois readOnly =...

Quando é que é importante passar propspara super(), e por quê? class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ?

Estou brincando com o React.js pela primeira vez e não consigo encontrar uma maneira de mostrar ou ocultar algo em uma página via evento click. Como não estou carregando nenhuma outra biblioteca para a página, estou procurando uma maneira nativa usando a biblioteca React. É isso que eu tenho até...

Estou recebendo este erro: Erro não capturado: Violação invariável: o tipo de elemento é inválido: espera-se uma sequência (para componentes internos) ou uma classe / função (para componentes compostos), mas obtém: object. Este é o meu código: var React = require('react') var ReactDOM =...

Estou ciente de que você pode especificar estilos nas classes React, assim: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Devo ter o objetivo de...

O React renderiza novamente todos os componentes e subcomponentes sempre que setStateé chamado? Se sim, por quê? Eu pensei que a idéia era que o React renderizasse apenas o necessário - quando o estado mudou. No exemplo simples a seguir, as duas classes são renderizadas novamente quando o texto é...

Como você executa debounce no React.js? Eu quero renunciar ao handleOnChange. Eu tentei com debounce(this.handleOnChange, 200)mas não funciona. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer =...