Perguntas com a marcação «reactjs»

React (também conhecido como React.js ou ReactJS) é uma biblioteca JavaScript desenvolvida pelo Facebook para criar interfaces de usuário. Ele usa um paradigma declarativo, baseado em componentes e visa ser eficiente e flexível.

29
Mostrar ou ocultar o elemento no React
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é …

30
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, mas obtém: object
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 = require('react-dom') var Router = require('react-router') var …

19
Práticas recomendadas do estilo inline React.js
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 criar todos os estilos dessa …

6
ReactJS - O render é chamado sempre que "setState" é chamado?
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 é …

30
Executar debounce no React.js
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 = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = …


15
Chamar método filho do pai
Eu tenho dois componentes Componente pai Componente filho Eu estava tentando chamar o método da criança de Parent, tentei dessa maneira, mas não consegui um resultado class Parent extends Component { render() { return ( <Child> <button onClick={Child.getAlert()}>Click</button> </Child> ); } } class Child extends Component { getAlert() { alert('clicked'); …


13
Modificação correta de matrizes de estado no ReactJS
Eu quero adicionar um elemento ao final de uma statematriz, esta é a maneira correta de fazer isso? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Estou preocupado que modificar a matriz no local pushpossa causar problemas - é seguro? A alternativa de fazer uma cópia da matriz e setStateisso parece um desperdício.

27
React - Como obter o valor do parâmetro da string de consulta
Como posso definir uma rota no meu arquivo routes.jsx para capturar o __firebase_request_keyvalor do parâmetro de uma URL gerada pelo processo de logon único do Twitter após o redirecionamento de seus servidores? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Eu tentei com a seguinte configuração de rotas, mas o :redirectParamnão está capturando o parâmetro mencionado: <Router> …

30
Detectar clique fora do componente React
Estou procurando uma maneira de detectar se um evento de clique ocorreu fora de um componente, conforme descrito neste artigo . O jQuery closest () é usado para verificar se o destino de um evento click possui o elemento dom como um de seus pais. Se houver uma correspondência, o …
410 javascript  dom  reactjs 





Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.