Eu tenho o seguinte: Como faço para me livrar do sublinhado azul? O código está abaixo: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> O componente MenuItem é de http://www.material-ui.com/#/components/menu...
Não consigo encontrar como atualizar os parâmetros de consulta com react-router sem usar <Link/>. hashHistory.push(url)não parece registrar parâmetros de consulta e não parece que você pode passar um objeto de consulta ou qualquer coisa como um segundo argumento. Como você altera o url de...
Estou criando um aplicativo que usa webpack-dev-server no desenvolvimento junto com o react-router. Parece que webpack-dev-server é construído em torno da suposição de que você terá um ponto de entrada público em um lugar (ou seja, "/"), enquanto o react-router permite uma quantidade ilimitada de...
Quero que meu aplicativo ReactJS notifique um usuário ao navegar para fora de uma página específica. Especificamente, uma mensagem pop-up que o lembra de fazer uma ação: "As alterações foram salvas, mas ainda não foram publicadas. Quer fazer isso agora?" Devo acionar isso...
Estou usando o webpack e o HtmlWebpackPlugin para injetar js e css empacotados em um arquivo de modelo html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), E produz o seguinte arquivo html. <!doctype html> <html lang="en">...
Estou usando o mesmo componente para três rotas diferentes: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Existe alguma maneira de combiná-lo, para ser...
Como estou usando o react-router para lidar com minhas rotas em um app react, estou curioso para saber se há uma maneira de redirecionar para um recurso externo. Digamos que alguém acerte: example.com/privacy-policy Eu gostaria que redirecionasse
Estou usando o react e o react-router para a minha aplicação no lado do cliente. Não consigo descobrir como obter os seguintes parâmetros de consulta de um url como: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Minhas rotas são assim (o caminho está totalmente errado, eu...
Tenho um problema ao navegar para outra página, sua posição permanecerá como a página anterior. Portanto, não vai rolar para cima automaticamente. Eu também tentei usar window.scrollTo(0, 0)no roteador onChange. Também usei scrollBehavior para corrigir esse problema, mas não funcionou. Alguma...
Às vezes, tenho visto pessoas embrulhar seus componentes withRouterao exportá-los: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Para que serve isso e quando devo
Andei pensando e me confundi com o roteamento entre Cliente e Servidor. Suponha que eu use ReactJS para renderização do lado do servidor antes de enviar a solicitação de volta ao navegador da web, e use o react-router como um roteamento do lado do cliente para alternar entre as páginas sem...
Estou fazendo a transição do meu app react de webpack-dev-server para nginx. Quando vou para o url raiz "localhost: 8080 / login", simplesmente obtenho um 404 e, no log do nginx, vejo que ele está tentando obter: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open() "/wwwroot/login"...
Há alguma maneira de evitar que /#/apareça na barra de endereços do navegador ao usar o react-router? Isso é com ReactJS. ou seja, clicar em links para ir para uma nova rota mostralocalhost:3000/#/ ou localhost:3000/#/about. Dependendo da
Não entendo qual é o propósito de usar um IndexRoute e IndexLink . Parece que, em qualquer caso, o código abaixo teria selecionado o componente Home primeiro, a menos que o caminho About fosse ativado. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route...
Eu sou novo no React Router e aprendi que existem muitas maneiras de redirecionar uma página: Usando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Usando this.context.router.push("/path") class Foo extends...
Estou tendo um pequeno problema ao migrar do React-Router v3 para v4. na v3, consegui fazer isso em qualquer lugar: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Como faço para conseguir isso na v4. Eu sei que poderia usar o hoc withRouter, o contexto de...
Tentando fazer com que react-router (v4.0.0) e react-hot-loader (3.0.0-beta.6) funcionem bem, mas obtendo o seguinte erro no console do navegador: Aviso: React.createElement: type é inválido - esperava uma string (para componentes embutidos) ou uma classe / função (para componentes...
Eu tenho o seguinte: <Route name="app" path="/" handler={App}> <Route name="dashboards" path="dashboards" handler={Dashboard}> <Route name="exploreDashboard" path="exploreDashboard" handler={ExploreDashboard} /> <Route name="searchDashboard" path="searchDashboard"...
Estou trabalhando em um aplicativo react usando o react-router. Tenho uma página de projeto que tem o seguinte url: myapplication.com/project/unique-project-id Quando o componente do projeto é carregado, aciono uma solicitação de dados para esse projeto a partir do evento componentDidMount. Agora...
Além da capacidade de definir um "activeClassName" e "activeStyle" no NavLink, há alguma razão para usar o NavLink sobre o link ao criar links para outras rotas em elementos não navegacionais (ou seja, não nav principal no cabeçalho ou rodapé) em seu site que não precisa de um estado / classe...