Perguntas com a marcação «reactjs»

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...

Aqui está o que eu tentei e como dá errado. Isso funciona: <div dangerouslySetInnerHTML={{ __html: "<h1>Hi there!</h1>" }} /> Isto não: <div dangerouslySetInnerHTML={{ __html: this.props.match.description }} /> A propriedade description é apenas uma sequência normal...

var MySelect = React.createClass({ change: function(){ return document.querySelector('#lang').value; }, render: function(){ return( <div> <select id="lang"> <option value="select" onChange={this.change}>Select</option> <option value="Java"

Estou explorando as possibilidades do React Native ao desenvolver um aplicativo de demonstração com navegação personalizada entre visualizações com a ajuda do Navigatorcomponente . A classe principal do aplicativo renderiza o navegador e o renderSceneretorno interno passa o componente: class App...

Eu preciso adicionar uma classe dinâmica a uma lista de classes regulares, mas não tenho idéia de como (estou usando babel), algo como isto: <div className="wrapper searchDiv {this.state.something}"> ... </div> Alguma

Eu escrevi um código: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } Estou recebendo um erro: O tipo de elemento JSX Elemnão possui nenhuma assinatura de construção ou chamada O que isso

Existe uma abordagem sistemática para depurar o que está fazendo com que um componente seja renderizado novamente no React? Coloquei um console.log () simples para ver quanto tempo ele renderiza, mas estou tendo problemas para descobrir o que está causando o componente renderizar várias vezes, ou...

Eu preciso criar um formulário que exibirá algo com base no valor de retorno de uma API. Estou trabalhando com o seguinte código: class App extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this);...

Existe uma maneira de incorporar a notação entre chaves do React e uma hreftag? Digamos que tenhamos o seguinte valor no estado: {this.state.id} e os seguintes atributos HTML em uma tag: href="#demo1" id="demo1" Existe uma maneira de adicionar o idestado ao atributo HTML para obter algo...

Então, esta é a única maneira de renderizar html bruto com reactjs? // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup =

Os recursos nativos de reação lançados recentemente são apenas exemplos e documentos de aplicativos para

Não consigo descobrir como definir valores de propriedade padrão para meus componentes usando o Typecript. Este é o código fonte: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public...

Quero perguntar o que a última frase significa e faz (padrão de exportação HelloWorld;), mas não consigo encontrar nenhum tutorial sobre isso. // hello-world.jsx import React from 'react'; class HelloWorld extends React.Component { render() { return <p>Hello, world!</p>;...

class PlayerControls extends React.Component { constructor(props) { super(props) this.state = { loopActive: false, shuffleActive: false, } } render() { var shuffleClassName = this.state.toggleActive ? "player-control-icon active" : "player-control-icon" return ( <div...

Este é um exemplo da página do aplicativo Google Adsense. A tela de carregamento exibida antes da página principal foi exibida depois. Não sei como fazer a mesma coisa com o React, porque se eu fizer a tela de carregamento renderizada pelo componente React, ela não será exibida enquanto a página...

Estou usando o React.JS e, quando o faço react-native run-android(com o dispositivo conectado), vejo uma página em branco. Quando agito o dispositivo e seleciono Debug JS Remotelyna lista de opções, vejo a seguinte tela. PARA SUA INFORMAÇÃO: OS: Ubuntu 16.04 Node version is: v4.6.2 java...

Estou usando o create-react-app. Estou tentando chamar uma imagem da minha pasta pública de um arquivo dentro do meu src/components. Estou recebendo esta mensagem de erro. ./src/components/website_index.js Módulo não encontrado: você tentou importar ../../public/images/logo/WC-BlackonWhite.jpg...

Digamos que eu tenho 3 entradas: rate, sendAmount e receiveAmount. Coloquei essas 3 entradas nos parâmetros diferentes useEffect. As regras são: Se sendAmount for alterado, eu calculo receiveAmount = sendAmount * rate Se receiveAmount mudou, eu calculo sendAmount = receiveAmount / rate Se a taxa...

Estou brincando com a estrutura ReactJS no JSBin . Percebi que, se o nome do meu componente começar com uma letra minúscula, ele não funcionará. Por exemplo, o seguinte não é renderizado: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a>...

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...