Tengo lo siguiente: ¿Cómo me deshago del subrayado azul? El código está abajo: <Link to="first"><MenuItem style={{paddingLeft: 13, textDecoration: 'none'}}> Team 1 </MenuItem></Link> El componente MenuItem es de http://www.material-ui.com/#/components/menu Cualquier...
Parece que no puedo encontrar cómo actualizar los parámetros de consulta con react-router sin usar <Link/>. hashHistory.push(url)no parece registrar parámetros de consulta, y no parece que pueda pasar un objeto de consulta ni nada como segundo argumento. ¿Cómo se cambia la URL de...
Estoy creando una aplicación que usa webpack-dev-server en desarrollo junto con react-router. Parece que webpack-dev-server se basa en la suposición de que tendrá un punto de entrada público en un lugar (es decir, "/"), mientras que react-router permite una cantidad ilimitada de puntos de...
Quiero que mi aplicación ReactJS notifique a un usuario cuando navega fuera de una página específica. Específicamente, un mensaje emergente que le recuerda que debe realizar una acción: "Los cambios se guardan, pero aún no se publican. ¿Hacer eso ahora?" ¿Debo activar esto...
Estoy usando webpack y HtmlWebpackPlugin para inyectar js y css incluidos en un archivo de plantilla html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Y produce el siguiente archivo html. <!doctype html> <html lang="en">...
Como estoy usando react-router para manejar mis rutas en una aplicación de reacción, tengo curiosidad por saber si hay una forma de redirigir a un recurso externo. Digamos que alguien golpea: example.com/privacy-policy Me gustaría redirigir
Estoy usando el mismo componente para tres rutas diferentes: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> ¿Hay alguna forma de combinarlo, para ser...
Tengo un problema al navegar a otra página, su posición permanecerá como la página anterior. Por lo que no se desplazará hacia la parte superior automáticamente. También intenté usar window.scrollTo(0, 0)en el enrutador onChange. También utilicé scrollBehavior para solucionar este problema, pero no...
Estoy usando react y react-router para mi aplicación en el lado del cliente. Parece que no puedo averiguar cómo obtener los siguientes parámetros de consulta de una URL como: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Mis rutas se ven así (el camino está totalmente...
A veces he visto a personas envolver sus componentes withRoutercuando los exportan: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); ¿Para qué es esto y cuándo debo usarlo?
He estado pensando y estoy confundido con el enrutamiento entre Cliente y Servidor. Supongamos que uso ReactJS para la representación del lado del servidor antes de enviar la solicitud al navegador web, y uso react-router como un enrutamiento del lado del cliente para cambiar entre páginas sin...
Estoy haciendo la transición de mi aplicación de reacción de webpack-dev-server a nginx. Cuando voy a la URL raíz "localhost: 8080 / login", simplemente obtengo un 404 y en mi registro de nginx veo que está tratando de obtener: my-nginx-container | 2017/05/12 21:07:01 [error] 6#6: *11 open()...
¿Alguna forma de evitar que se /#/muestre en la barra de direcciones del navegador cuando se usa react-router? Eso es con ReactJS. es decir, al hacer clic en los enlaces para ir a una nueva ruta se muestra localhost:3000/#/o localhost:3000/#/about. Dependiendo de la
Soy nuevo en React Router y descubro que hay muchas formas de redirigir una página: Utilizando browserHistory.push("/path") import { browserHistory } from 'react-router'; //do something... browserHistory.push("/path"); Utilizando this.context.router.push("/path") class Foo extends...
No entiendo cuál es el propósito de usar IndexRoute e IndexLink . Parece que, en cualquier caso, el código a continuación seleccionaría primero el componente Inicio a menos que se activara la ruta Acerca de. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route...
Tengo un pequeño problema al migrar de React-Router v3 a v4. en v3 pude hacer esto en cualquier lugar: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); ¿Cómo logro esto en v4. Sé que me vendría bien, el hocico withRouter , el contexto de reacción o los accesorios...
Estoy trabajando en una aplicación de reacción usando react-router. Tengo una página de proyecto que tiene una URL de la siguiente manera: myapplication.com/project/unique-project-id Cuando se carga el componente del proyecto, activo una solicitud de datos para ese proyecto desde el evento...
Tengo lo siguiente: <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"...
Soy nuevo en ReactJs. Este es mi codigo: var React = require('react'); var ReactDOM = require('react-dom'); var {Route, Router, IndexRoute, hashHistory} = require('react-router'); var Main = require('Main'); ReactDOM.render( <Router history={hashHistory}> <Route path="/"...
Además de la capacidad de establecer un "activeClassName" y "activeStyle" en NavLink, ¿hay alguna razón para usar NavLink sobre Link al crear enlaces a otras rutas en elementos que no son de navegación (es decir, no navegación principal en el encabezado o pie de página) en su sitio? que no...