Articles of reactjs react

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 […]

Programaticamente navegar usando o roteador reage

Com react-router eu posso usar o elemento Link para criar links que são manipulados nativamente pelo roteador de resposta. Eu vejo internamente ele chama this.context.transitionTo(…) . Eu quero fazer uma navegação, mas não de um link, de uma seleção suspensa por exemplo. Como posso fazer isso no código? O que é this.context . this.context ? […]