Preguntas etiquetadas con reactjs

He creado un componente en React que se supone que actualiza su propio estilo en el desplazamiento de la ventana para crear un efecto de paralaje. El rendermétodo del componente se ve así: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, …

133 javascript  reactjs 

Estoy leyendo sobre Flux, pero el ejemplo de la aplicación Todo es demasiado simplista para entender algunos puntos clave. Imagine una aplicación de una sola página como Facebook que tiene páginas de perfil de usuario . En cada página de perfil de usuario, queremos mostrar cierta información del usuario y …

132 javascript  facebook  architecture  reactjs  reactjs-flux 

Estoy usando la última versión del módulo react-router, llamado react-router-dom, que se ha convertido en el predeterminado al desarrollar aplicaciones web con React. Quiero saber cómo realizar una redirección después de una solicitud POST. He estado creando este código, pero después de la solicitud, no pasa nada. Reviso en la …

132 javascript  reactjs  react-router 

Estoy tratando de encontrar la mejor manera de eliminar un elemento de una matriz en el estado de un componente. Como no debería modificar la this.statevariable directamente, ¿hay una forma mejor (más concisa) de eliminar un elemento de una matriz que la que tengo aquí ?: onRemovePerson: function(index) { this.setState(prevState …

131 javascript  reactjs 

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 setStatedentro …

131 javascript  reactjs  ecmascript-6 

Soy nuevo en ReactJS y en React-Router. Tengo un componente que recibe a través de accesorios un <Link/>objeto de react-router . Cada vez que el usuario hace clic en el botón 'siguiente' dentro de este componente, quiero invocar el <Link/>objeto manualmente. En este momento, estoy usando referencias para acceder a …

131 javascript  reactjs  react-router 

¿Cuál es el tipo correcto de eventos React? Inicialmente solo lo usé anypor simplicidad. Ahora, estoy tratando de limpiar las cosas y evitar su uso por anycompleto. Entonces, en una forma simple como esta: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn: …

131 javascript  reactjs  typescript 

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 instanceof Constructor)) { throw new …

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

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 componente de …

130 javascript  arrays  reactjs 

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' } } render(){ return( <span>hello Tech View</span> ); …

129 reactjs 

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 …

129 reactjs  redux  axios 

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 una forma. Yo uso React …

128 javascript  reactjs  crud  redux 

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 ​​generar ID basados ​​en this._rootNodeIDpero no está disponible desde React 0.13. …

128 reactjs 

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" /> ... </div> ) } MyOuterComponenttiene 2 instancias de MyInnerComponenty me gustaría probar los accesorios en cada …

128 reactjs  jasmine  enzyme 

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 componentWillMount()

128 javascript  reactjs