Resultados de la búsqueda a petición "react-jsx"
Use <code> o etiquetas similares en ReactJS usando JSX
Estoy tratando de usar ReactJS con JSX para crear una prueba de concepto para una guía de estilo. Quería poder mostrar el html sin formato de cómo llamar a los componentes que hacen esto. JSX está ignorando mi<code> etiquetas y renderizando el ...
Probar un componente modal React
Lo siento, pero he estado teniendo dificultades para intentar cerrar mi Modo Reaccionar haciendo clic en un botón. El modal es tan simple como puede ser, y he intentado todo lo que puedo pensar o encontrar, pero todavía no puedo consultar a sus ...
Render React Component asignado desde una importación a una variable ... ¿cómo?
Entonces, necesito una determinación dinámica de qué componente mostrar ... así, por ejemplo. Yo tengo: import Component1 from '..somepath/Component1' import Component1 from '..somepath/Component2' var P = { red: Component1, blue: Component2 } ...
¿Por qué ReactJS no genera claves automáticamente para niños dinámicos?
Al codificar ReactJS tengo que proporcionar claves para niños dinámicos. Por ejemplo: render() { const {options} = this.state const availableOptions = options.map(opt => { return ( <option key={opt.id} value={opt.id}>{opt.displayValue}</option>} ...
¿Cómo evitar volver a representar toda la Lista en lugar de agregar el nuevo elemento a la lista DOM en react JS?
Al igual que en la demostración React, y otros ejemplos, veo personas restableciendo los datos del Estado si se agrega o elimina un registro. Lo que da como resultado que toda la lista se vuelva a representar en lugar de simplemente agregar el ...
ReactJs: Evita presionar varias veces el botón
En mi componente React, tengo un botón destinado a enviar algunos datos a través de AJAX cuando se hace clic. Necesito suceder solo la primera vez, es decir, deshabilitar el botón después de su primer uso. Cómo estoy tratando de hacer esto: var ...
Las rutas asincrónicas provocan un error no válido de la suma de comprobación del lado del servidor
Estoy usando Webpack, react, react-router, react-redux, redux y simple-redux-router. Recibí este error al usar react-router con rutas asíncronas y renderizado del lado del servidor: bundle.js:1 Warning: React attempted to reuse markup in a ...
Transformador JSX Babel 6 react - deshabilitar estrictamente
ProblemaEstoy usando babel 6 para reaccionar transformaciones JSX. Sin embargo, no estoy usando el preset react, solo uso el plugin 'transform-react-jsx' (y estoy probando la opción de desactivación en modo estricto), aquí está mi .babelrc { ...
¿Cómo convierto una cadena a jsx?
¿Cómo tomaría una cadena y la convertiría ajsx? Por ejemplo, si traigo una cadena de untextarea, ¿cómo podría convertirlo en unReact elemento; var jsxString = document.getElementById('textarea').value;¿Cuál es el proceso que usaría para ...
ReactJS - Agregar escucha de eventos personalizada al componente
En javascript antiguo simple tengo el DIV <div class="movie" id="my_movie">y el siguiente código javascript var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); ...