Preguntas etiquetadas con reactjs

En React puede crear claramente un objeto y asignarlo como un estilo en línea. es decir. mencionado abajo. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var …

214 reactjs 

Después de pasar un tiempo aprendiendo React, entiendo la diferencia entre los dos paradigmas principales de crear componentes. Mi pregunta es cuándo debo usar cuál y por qué. ¿Cuáles son los beneficios / compensaciones de uno sobre el otro? Clases de ES6: import React, { Component } from 'react'; export …

213 javascript  reactjs  ecmascript-6  redux 

Estoy tratando de enviar datos desde un componente hijo a su padre de la siguiente manera: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div className="col-sm-9" > <SelectLanguage onSelectLanguage={this.handleLanguage}/> </div> ); }); y aquí está el …

213 reactjs 

Tengo problemas para lidiar con ReactJS de Facebook. Cada vez que hago ajax y quiero mostrar datos html, ReactJS lo muestra como texto. (Ver figura a continuación) Los datos se muestran a través de la función de devolución de llamada correcta de jquery Ajax. $.ajax({ url: url here, dataType: "json", …

212 javascript  jquery  ajax  reactjs 

Le paso 2 valores a un componente hijo: Lista de objetos para mostrar Eliminar función. Utilizo una función .map () para mostrar mi lista de objetos (como en el ejemplo dado en la página tutorial de reacción), pero el botón en ese componente activa la onClickfunción, en el renderizado (no …

212 javascript  reactjs  button  onclick  dom-events 

¿Cómo centrar el texto en ReactNative tanto en horizontal como en vertical? Tengo una aplicación de ejemplo en rnplay.org donde justifyContent = "center" y alignItems = "center" no funciona: https://rnplay.org/apps/AoxNKQ El texto debe estar centrado. ¿Y por qué hay un margen en la parte superior entre el texto (amarillo) y …

212 reactjs  flexbox  react-native 

Mi proyecto se basa en create-react-app . npm starto, yarn startde manera predeterminada, ejecutará la aplicación en el puerto 3000 y no hay opción de especificar un puerto en el paquete.json. ¿Cómo puedo especificar un puerto de mi elección en este caso? Quiero ejecutar dos de este proyecto simultáneamente (para …

212 reactjs  npm 

Hay algo que encuentro muy confuso cuando trabajo React. Hay muchos ejemplos disponibles en Internet que usan .jsarchivos con react pero muchos otros usan .jsxarchivos. He leído sobre .jsxarchivos y entiendo que simplemente te permiten escribir etiquetas html dentro de tu javascript. Pero lo mismo se puede escribir en .jsarchivos …

211 reactjs  jsx 

Actualmente estoy trabajando en los marcos React JS y React Native . En la mitad del camino me encontré con Immutability o la biblioteca Immutable-JS , cuando estaba leyendo sobre la implementación de Facebook Flux y Redux. La pregunta es, ¿por qué es tan importante la inmutabilidad? ¿Qué hay de …

206 javascript  reactjs  functional-programming  immutability  immutable.js 

En React, ¿hay alguna diferencia real entre estas dos implementaciones? Algunos amigos me dicen que el primer componente es el patrón, pero no veo por qué. El segundo componente parece más simple porque el renderizado se llama solo una vez. Primero: import React, { PropTypes } from 'react' class FirstComponent …

205 javascript  reactjs  components 

El gancho useEffect React ejecutará la función pasada en cada cambio. Esto se puede optimizar para permitir que llame solo cuando cambien las propiedades deseadas. ¿Qué sucede si deseo llamar a una función de inicialización componentDidMounty no volver a llamarla en los cambios? Digamos que quiero cargar una entidad, pero …

205 javascript  reactjs  react-hooks 

Estoy creando algo con React donde necesito insertar HTML con React Variables en JSX. ¿Hay alguna manera de tener una variable como esta? var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; e insertarlo en reaccionar así, ¿y hacer que funcione? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } y …

204 javascript  html  frontend  reactjs  react-jsx 

Soy nuevo en Bootstrap y me quedé con este problema. Tengo un campo de entrada y tan pronto como ingreso solo un dígito, onChangese llama a la función from , pero quiero que se llame cuando presiono 'Enter cuando se ha ingresado el número completo. El mismo problema para la …

204 javascript  twitter-bootstrap  reactjs 

Soy nuevo en ReactJS, lo siento si esto suena mal. Tengo un componente que crea varias filas de tabla de acuerdo con los datos recibidos. Cada celda dentro de la columna tiene una casilla de verificación de radio. Por lo tanto, el usuario puede seleccionar uno site_namey uno addressde las …

204 html  reactjs 

La POSTsolicitud de axios está llegando a la url en el controlador pero estableciendo valores nulos para mi clase POJO, cuando reviso las herramientas de desarrollador en Chrome, la carga útil contiene datos. ¿Qué estoy haciendo mal? Solicitud POST de Axios: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } …

204 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support