O roteador de reação permite que os aplicativos de reação sejam manipulados /arbitrary/route. Para que isso funcione, preciso que meu servidor envie o aplicativo React em qualquer rota correspondente. Mas o servidor de desenvolvimento webpack não lida com pontos finais arbitrários. Há uma solução...
Atualmente, estou criando um aplicativo de página única usando reactjs. Eu li que muitos dos motivos para não usar o localStorage são por causa das vulnerabilidades do XSS. Como o React escapa a todas as entradas do usuário, agora seria seguro usar o
Estou usando o ReactJS e, quando um usuário clica em um link, quero copiar um texto para a área de transferência. Estou usando o Chrome 52 e não preciso oferecer suporte a outros navegadores. Não vejo por que esse código não resulta na cópia dos dados na área de transferência. (a origem do...
Estou tentando converter um componente jQuery para React.js e uma das coisas com as quais estou tendo dificuldade é renderizar n número de elementos com base em um loop for. Entendo que isso não é possível ou recomendado e que, onde existe uma matriz no modelo, faz todo o sentido usar map. Tudo...
Qual é a função $ watch do angular equivalente no React.js? Quero ouvir alterações de estado e chamar uma função como getSearchResults (). componentDidMount: function() {
Na minha reagir e aplicativo original datilografado, eu uso: onChange={(e) => data.motto = (e.target as any).value}. Como defino corretamente as digitações para a classe, para que eu não precise me intrometer no sistema de tipos any? export interface InputProps extends
Código completo aqui: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Oi, Eu tenho um aplicativo onde ele mostra modelos diferentes para desktop e dispositivos móveis com base no ambiente de construção. Sou capaz de desenvolvê-lo onde preciso ocultar o menu de navegação do meu modelo para...
Parece que componentWillReceivePropsserá completamente eliminado nas próximas versões, em favor de um novo método de ciclo de vida getDerivedStateFromProps: static getDerivedStateFromProps () . Após a inspeção, parece que agora você não consegue fazer uma comparação direta entre this.propse...
Curioso, qual é a maneira correta de abordar isso: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1}
Estou usando o webpack para gerenciar um projeto reactjs . Quero carregar imagens em javascript por webpack file-loader. Abaixo está o webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS =...
Recentemente, olhei para o framework React do Facebook . Ele usa um conceito chamado "o DOM virtual", que eu realmente não entendi. O que é o DOM virtual? Quais são as
Estou dando o primeiro passo no ReactJS e tentando entender a comunicação entre pais e filhos. Como estou criando um formulário, tenho o componente para estilizar campos. E também tenho componente pai que inclui campo e verificá-lo. Exemplo: var LoginField = React.createClass({ render: function()...
Eu sei que o React pode executar atualizações de estado de forma assíncrona e em lote para otimização do desempenho. Portanto, você nunca pode confiar no estado a ser atualizado depois de ligar setState. Mas você pode confiar Reagir para atualizar o estado na mesma ordem como setStateé chamado...
O uso componentDidMount()como uma função assíncrona é uma boa prática no React Native ou devo evitá-lo? Preciso obter algumas informações de AsyncStoragequando o componente é montado, mas a única maneira que sei tornar isso possível é tornar a componentDidMount()função assíncrona. async...
Estou usando o Typecript com React. Estou tendo problemas para entender como usar refs para obter tipagem estática e intellisense com relação aos nós de reação referenciados pelos refs. Meu código é o seguinte. import * as React from 'react'; interface AppState { count: number; } interface...
Novo no Django e ainda mais novo no ReactJS. Estive pesquisando no AngularJS e ReactJS, mas decidi pelo ReactJS. Parecia que estava superando o AngularJS em termos de popularidade, apesar de o AngularJS ter mais participação de mercado, e o ReactJS é mais rápido na coleta. Com todo esse lixo,...
Eu tenho um componente funcional muito simples como segue: import * as React from 'react'; export interface AuxProps { children: React.ReactNode } const aux = (props: AuxProps) => props.children; export default aux; E outro componente: import * as React from "react"; export interface...
Estou usando o react com o react-router. Estou tentando passar a propriedade em um "Link" do react-router var React = require('react'); var Router = require('react-router'); var CreateIdeaView = require('./components/createIdeaView.jsx'); var Link = Router.Link; var Route = Router.Route; var...
Recentemente, mudei de Angular para ReactJs. Estou usando o jQuery para chamadas de API. Eu tenho uma API que retorna uma lista aleatória de usuários que deve ser impressa em uma lista. Não sei como escrever minhas chamadas de API. Qual é a melhor prática para isso? Eu tentei o seguinte, mas não...
TLDR: Use defaultChecked vez de verificado, trabalhando jsbin . Tentando configurar uma caixa de seleção simples que cruzará o texto do rótulo quando estiver marcada. Por alguma razão, handleChange não está sendo acionado quando uso o componente. Alguém pode explicar o que estou fazendo de...