Estoy escribiendo un script que mueve el menú desplegable por debajo o por encima de la entrada, dependiendo de la altura del menú desplegable y la posición de la entrada en la pantalla. También quiero configurar el modificador en el menú desplegable de acuerdo con su dirección. Pero usar...
La historia es que debería poder poner a Bob, Sally y Jack en una caja. También puedo quitar cualquiera de la caja. Cuando se quita, no queda ninguna ranura. people = ["Bob", "Sally", "Jack"] Ahora necesito eliminar, digamos, "Bob". La nueva matriz sería: ["Sally", "Jack"] Aquí está mi...
Estoy tratando de agregar un componente de mapa React a mi proyecto pero me encuentro con un error. Estoy usando la publicación de blog de Fullstack React como referencia. Rastreé dónde se arroja el error en google_map.js línea 83: function _classCallCheck(instance, Constructor) { if (!(instance...
Soy un desarrollador angular y nuevo en React, este es un componente de reacción simple pero no funciona import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } }...
Tengo una aplicación react / redux que obtiene un token de un servidor api. Después de que el usuario se autentica, me gustaría hacer que todas las solicitudes de axios tengan ese token como un encabezado de autorización sin tener que adjuntarlo manualmente a cada solicitud en la acción. Soy...
Tengo elementos de formulario con labelsy quiero tener ID únicos para vincular labels a elementos con htmlForatributo. Algo como esto: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); } }); Solía...
Escucho el término "montar" demasiadas veces mientras aprendo ReactJS. Y parece haber métodos de ciclo de vida y errores con respecto a este término. ¿Qué significa exactamente Reaccionar al montar? Ejemplos: componentDidMount() and
Estoy probando un componente React con renderizado superficial de Jasmine Enzyme. Simplificado aquí para los propósitos de esta pregunta ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ......
Tengo un formulario que está acostumbrado a Crear, Leer, Actualizar y Eliminar. Creé 3 componentes con la misma forma pero les paso diferentes accesorios. Obtuve CreateForm.js, ViewForm.js (solo lectura con el botón Eliminar) y UpdateForm.js. Solía trabajar con PHP, así que siempre hacía esto de...
¿Es posible incrustar el marcado SVG en un componente ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Resultados en el error: Los atributos del espacio de nombres no son compatibles....
Quiero crear un sistema de chat y desplazarme automáticamente hacia la parte inferior cuando ingrese a la ventana y cuando entren nuevos mensajes. ¿Cómo se desplaza automáticamente hasta la parte inferior de un contenedor en
Estoy tratando de usar event.stopPropagation () dentro de un componente ReactJS para evitar que un evento click aumente y active un evento click que se adjuntó con JQuery en el código heredado, pero parece que stopPropagation () de React solo detiene la propagación a eventos también adjunto en...
¿Cómo detecto la pulsación de la tecla Esc en reactjs? Lo similar a jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); Una vez detectado, quiero pasar la información a los componentes. Tengo 3 componentes de los...
Acabo de descubrir que la this.setState()función de reacción en cualquier componente es asíncrona o se llama después de completar la función en la que se llamó. Ahora busqué y encontré este blog ( la operación de mutación de estado setState () puede ser sincrónica en ReactJS ) Aquí descubrió que...
Soy nuevo en ReactJS y UI y quería saber cómo hacer una simple llamada POST basada en REST desde el código ReactJS. Si hay algún ejemplo presente, sería realmente
Soy un principiante javascript / redux / react construyendo una pequeña aplicación con redux, react-redux, y react. Por alguna razón, cuando uso la función mapDispatchToProps junto con connect (react-redux vinculante) recibo un TypeError que indica que el despacho no es una función cuando intento...
Estaba trabajando con create-react-appeste problema y me encontré con este problema Home does not contain an export named Home. Así es como configuro mi App.jsarchivo: import React, { Component } from 'react'; import logo from './logo.svg'; import './App.css'; import { Home } from...
Ambos tienen Ruta, Enlace, etc. ¿Cuándo usar uno u otro? Estoy realmente confundido sobre dónde usar cada uno. ¿Lado del servidor? ¿Lado del cliente? https://reacttraining.com/react-router/ En algunos ejemplos es necesario pasar el historial, en otros no. ¿Qué hacer? <Router...
El siguiente código se puede encontrar en este ejemplo en vivo Tengo el siguiente elemento nativo de reacción: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return (...
Estoy creando una pequeña aplicación de reacción y mis imágenes locales no se cargan. Imágenes comoplacehold.it/200x200 cargas. Pensé que tal vez podría ser algo con el servidor. Aquí está mi App.js import React, { Component } from 'react'; class App extends Component { render() { return (...