Articles of reactjs react

Como atualizar o estado do pai no React?

Minha estrutura é a seguinte: Component 1 – |- Component 2 – – |- Component 4 – – – |- Component 5 Component 3 O componente 3 deve exibir alguns dados dependendo do estado do componente 5. Como os suportes são imutáveis, não posso simplesmente salvar seu estado no componente 1 e encaminhá-lo, certo? E […]

Detectando a página de saída do usuário com o roteador react

Eu quero que meu aplicativo ReactJS notifique um usuário quando estiver navegando para fora de uma página específica. Especificamente, uma mensagem pop-up que faz com que ele / ela faça uma ação: “As alterações são salvas, mas ainda não foram publicadas. Faça isso agora?” Devo desencadear isso em react-router globalmente, ou isso é algo que […]

Pass adereços no link react-router

Eu estou usando reagir com o roteador de reagir. Estou tentando passar a propriedade em um “Link” de 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 DefaultRoute = Router.DefaultRoute; var RouteHandler = Router.RouteHandler; var App = React.createClass({ render : function(){ return( […]

Rotas de aninhamento no react-router v4

Eu atualizei o roteador reage para a versão 4 no meu aplicativo. Mas agora estou recebendo o erro Warning: You should not use and in the same route; will be ignored O que há de errado com esse roteamento? import { Switch, BrowserRouter as Router, Route, IndexRoute, Redirect, browserHistory } from ‘react-router-dom’ render(( ), document.getElementById(‘main’))

Como passar params com history.push no react-router v4?

Como podemos passar o parâmetro com this.props.history.push(‘/page’) no React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

Erro Não Capturado: Violação Invariável: O tipo de elemento é inválido: espera-se uma string (para componentes internos) ou uma class / function, mas tem: object

Estou recebendo este erro: Erro Não Capturado: Violação Invariável: O tipo de elemento é inválido: espera-se uma string (para componentes internos) ou uma class / function (para componentes compostos), mas obtém-se: object. Este é o meu código: var React = require(‘react’) var ReactDOM = require(‘react-dom’) var Router = require(‘react-router’) var Route = Router.Route var Link […]

React Router v4 renderiza várias rotas

Estou criando um SPA e estou tentando configurar o roteamento no aplicativo usando a versão do pacote react-router-dom 4.1.1 . Minha definição de rota está abaixo: Basicamente, eu quero configurar o roteamento para que qualquer solicitação para uma página para a qual nenhuma rota seja definida vá para o componente {NotFound} . Como isso pode […]

react-router – passa adereços para o componente manipulador

Eu tenho a seguinte estrutura para o meu aplicativo React.js usando o Roteador React : var Dashboard = require(‘./Dashboard’); var Comments = require(‘./Comments’); var Index = React.createClass({ render: function () { return ( Some header ); } }); var routes = ( ); ReactRouter.run(routes, function (Handler) { React.render(, document.body); }); Eu quero passar algumas propriedades […]

Como renderizar uma matriz de objects no React?

você poderia por favor me dizer como fazer o render list in react js. Eu gosto disso class First extends React.Component { constructor (props){ super(props); } render() { const data =[{“name”:”test1″},{“name”:”test2″}]; const listItems = data.map((d) => {d.name}; return ( hello ); } }

Passando adereços personalizados para o componente roteador no react-router v4

Estou usando o React Router para criar um aplicativo de várias páginas. Meu componente principal é e processa todo o roteamento para os componentes filhos. Eu estou tentando passar props através da rota, e com base em algumas pesquisas que fiz, a maneira mais comum para componentes filhos para tocar em adereços passados ​​é através […]