Preguntas etiquetadas con reactjs

React (también conocido como React.js o ReactJS) es una biblioteca de JavaScript desarrollada por Facebook para construir interfaces de usuario. Utiliza un paradigma declarativo basado en componentes y pretende ser eficiente y flexible.

7
Múltiples nombres de ruta para un mismo componente en React Router
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 como: <Router> <Route path=["/home", "/users", "/widgets"] component={Home} /> </Router>
10
¿Cómo evitar un envoltorio adicional <div> en React?
Hoy comencé a aprender ReactJS y después de una hora enfrenté el problema ... Quiero insertar un componente que tiene dos filas dentro de un div en la página. Un ejemplo simplificado de lo que estoy haciendo a continuación. Tengo un html: &lt;html&gt; .. &lt;div id="component-placeholder"&gt;&lt;/div&gt; .. &lt;/html&gt; Función de …
13
React-Router Enlace externo
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 a: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies No encuentro exactamente ninguna ayuda para evitar escribirlo en JS simple en mi …
9
Obtener parámetros de consulta del fragmento hash react-router
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&amp;page=1&amp;limit=20 Mis rutas se ven así (el camino está totalmente equivocado, lo sé): var routes = ( &lt;Route&gt; &lt;DefaultRoute handler={SearchDisplay}/&gt; &lt;Route …
10
¿Cuál es la mejor manera de activar el evento onchange en react js?
Usamos el paquete Backbone + ReactJS para crear una aplicación del lado del cliente. Confiando en gran medida en notorio valueLink, propagamos valores directamente al modelo a través de su propio contenedor que admite la interfaz ReactJS para el enlace bidireccional. Ahora nos enfrentamos al problema: Tenemos un jquery.mask.jscomplemento que …
112 reactjs 
5
¿Cómo usar React.forwardRef en un componente basado en clases?
Estoy tratando de usar React.forwardRef, pero me tropiezo con cómo hacer que funcione en un componente basado en clases (no HOC). Los ejemplos de documentos usan elementos y componentes funcionales, incluso envolviendo clases en funciones para componentes de orden superior. Entonces, comenzando con algo como esto en su ref.jsarchivo: const …
10
<div> no puede aparecer como descendiente de <p>
Estoy viendo esto. No es un misterio de qué se queja: Warning: validateDOMnesting(...): &lt;div&gt; cannot appear as a descendant of &lt;p&gt;. See ... SomeComponent &gt; p &gt; ... &gt; SomeOtherComponent &gt; ReactTooltip &gt; div. Soy el autor de SomeComponenty SomeOtherComponent. Pero este último está usando una dependencia externa ( ReactTooltipdesde …
112 reactjs 
6
No se puede escribir en el campo de texto de entrada React
Estoy probando mi primer fragmento de React.js y me quedé perplejo desde el principio ... Tengo el código a continuación, que genera un formulario de búsqueda en &lt;div id="search"&gt;&lt;/div&gt;. Pero escribir en el cuadro de búsqueda no hace nada. Presumiblemente, algo está faltando al pasar los accesorios y el estado …
7
¿Cuál es el propósito de las llaves dobles en la sintaxis JSX de React?
En el tutorial de react.js vemos este uso de llaves dobles: &lt;span dangerouslySetInnerHTML={{ __html: rawMarkup }} /&gt; Y luego, en el segundo tutorial, "Pensando en reaccionar" : &lt;span style={{ color: 'red' }}&gt; {this.props.product.name} &lt;/span&gt;; Sin embargo, la documentación de React JSX no describe ni menciona llaves dobles. ¿Para qué es …
13
¿Cómo usar la declaración de cambio dentro de un componente React?
Tengo un componente React, y dentro del rendermétodo del componente tengo algo como esto: render() { return ( &lt;div&gt; &lt;div&gt; // removed for brevity &lt;/div&gt; { switch(...) {} } &lt;div&gt; // removed for brevity &lt;/div&gt; &lt;/div&gt; ); } Ahora el caso es que tengo dos divelementos, uno en la parte …
111 reactjs 
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.