Perguntas com a marcação «reactjs»

No React, você pode criar claramente um objeto e atribuí-lo como um estilo embutido. ie mencionado abaixo. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var divStyle2 …

213 reactjs 

Estou tendo problemas para lidar com o ReactJS do facebook. Sempre que faço o ajax e quero exibir dados html, o ReactJS os exibe como texto. (Veja a figura abaixo) Os dados são exibidos através da função de retorno de chamada de sucesso do jquery Ajax. $.ajax({ url: url here, …

212 javascript  jquery  ajax  reactjs 

Eu passo 2 valores para um componente filho: Lista de objetos a serem exibidos função de exclusão. Eu uso uma função .map () para exibir minha lista de objetos (como no exemplo dado na página do tutorial de reação), mas o botão desse componente aciona a onClickfunção no render (ele …

212 javascript  reactjs  button  onclick  dom-events 

Depois de passar algum tempo aprendendo o React, entendo a diferença entre os dois principais paradigmas da criação de componentes. Minha pergunta é quando devo usar qual e por quê? Quais são os benefícios / tradeoffs de um sobre o outro? Classes ES6: import React, { Component } from 'react'; …

212 javascript  reactjs  ecmascript-6  redux 

Como centralizar o texto no ReactNative tanto na horizontal quanto na vertical? Eu tenho um exemplo de aplicativo em rnplay.org, em que justifyContent = "center" e alignItems = "center" não está funcionando: https://rnplay.org/apps/AoxNKQ O texto deve estar centralizado. E por que existe uma margem na parte superior entre o texto …

212 reactjs  flexbox  react-native 

Estou tentando enviar dados de um componente filho para o pai, da seguinte maneira: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); e aqui está o componente filho: …

212 reactjs 

Meu projeto é baseado em create-react-app . npm startou, yarn startpor padrão, executará o aplicativo na porta 3000 e não há opção de especificar uma porta no package.json. Como posso especificar uma porta de minha escolha neste caso? Eu quero executar dois deste projeto simultaneamente (para teste), um na porta …

212 reactjs  npm 

Há algo que acho muito confuso ao trabalhar React. Existem muitos exemplos disponíveis na internet que usam .jsarquivos com react, mas muitos outros usam .jsxarquivos. Eu li sobre .jsxarquivos e meu entendimento é que eles permitem que você escreva tags html dentro do seu javascript. Mas a mesma coisa pode …

211 reactjs  jsx 

Atualmente, estou trabalhando nas estruturas React JS e React Native . No meio do caminho, me deparei com o Immutability ou a biblioteca Immutable-JS , quando estava lendo sobre a implementação do Flux e Redux do Facebook. A questão é: por que a imutabilidade é tão importante? O que há …

206 javascript  reactjs  functional-programming  immutability  immutable.js 

O gancho useEffect React executará a função passada em todas as alterações. Isso pode ser otimizado para permitir a chamada somente quando as propriedades desejadas forem alteradas. E se eu quiser chamar uma função de inicialização componentDidMounte não chamá-la novamente nas alterações? Digamos que eu queira carregar uma entidade, mas …

205 javascript  reactjs  react-hooks 

No React, existem diferenças reais entre essas duas implementações? Alguns amigos me dizem que o FirstComponent é o padrão, mas não vejo o porquê. O SecondComponent parece mais simples porque a renderização é chamada apenas uma vez. Primeiro: import React, { PropTypes } from 'react' class FirstComponent extends React.Component { …

204 javascript  reactjs  components 

Eu sou novo no Bootstrap e preso com esse problema. Eu tenho um campo de entrada e, assim que digito apenas um dígito, a função de onChangeé chamada, mas quero que seja chamada quando pressionar 'Enter' quando o número inteiro tiver sido inserido. O mesmo problema para a função de …

204 javascript  twitter-bootstrap  reactjs 

Eu sou novo no ReactJS, desculpe se isso soa errado. Eu tenho um componente que cria várias linhas da tabela de acordo com os dados recebidos. Cada célula da coluna possui uma caixa de seleção de rádio. Portanto, o usuário pode selecionar um site_namee um addressdas linhas existentes. A seleção …

204 html  reactjs 

Estou criando algo com React, onde preciso inserir HTML com React Variables em JSX. Existe uma maneira de ter uma variável assim: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; e inseri-lo em reagir assim, e funcionou? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } e ele insere o …

203 javascript  html  frontend  reactjs  react-jsx 

Como seleciono determinadas barras no react.js? Este é o meu código: var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) { …

203 javascript  reactjs  getelementbyid