Articles of reactjs

Accediendo a event.target dentro de callback en reactjsr

Tengo el siguiente fragmento de clase: constructor(props) { super(props); this.timeout = null; } search = (e) => { clearTimeout(this.timeout); this.timeout = setTimeout( function(){ console.log(e.target); }, 500 ); } No puedo obtener el tiempo de espera configurado para imprimir el valor del evento, ¿hay algo que deba hacer pero no lo estoy?

Pase el objeto a través del enlace en el enrutador de reacción

¿Es posible pasar un objeto a través del componente de Link en el router de reacción? Algo como: Click De la misma manera que yo aprobaría los props del componente Parent a Child . Si no es posible, ¿cuál es la mejor manera de lograr esto? Tengo una aplicación React + Flux, y renderizo la […]

React Router v4 – ¿Cómo obtener la ruta actual?

Me gustaría mostrar un title en que de alguna manera se transfiere desde la ruta actual. En React Router v4, ¿cómo podría conseguir que la ruta actual pasara a su title ? ¿Hay alguna manera de pasar un título personalizado desde un elemento personalizado en ?

webpack no puede encontrar el módulo si el archivo se llama jsx

Mientras escribo webpack.config.js como este module.exports = { entry: ‘./index.jsx’, output: { filename: ‘bundle.js’ }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: ‘babel’, query: { presets: [‘es2015’, ‘react’] } }] } }; Y en index.jsx importo una App módulo de react import React from ‘react’; import { render } from ‘react-dom’; import App […]

Cómo anidar rutas en React Router v4?

¿Hay alguna forma de anidar rutas en React Router v4? Esto funciona: Esto no lo hace: Componente de clientes: import React, { Component, PropTypes } from ‘react’ import styled from ‘styled-components’ export default class Customers extends Component { render () { return ( Customers ) } } const Container = styled.section` height: 100%; padding: 15px; […]

Llamar a un método de componente React desde afuera

Quiero llamar a un método expuesto por un componente Reaccionar desde la instancia de un Elemento Reaccionado. Por ejemplo, en este jsfiddle https://jsfiddle.net/r6r8cp3z/ Quiero llamar al método alertMessage de la referencia HelloElement . ¿Hay alguna forma de lograr esto sin tener que escribir envoltorios adicionales? Editar (código copiado de JSFiddle) Click me! var onButtonClick = […]

¿Puedo enviar una acción en el reductor?

¿es posible despachar una acción en un reductor? Tengo una barra de progreso y un elemento de audio. El objective es actualizar la barra de progreso cuando se actualice la hora en el elemento de audio. Pero no sé dónde colocar el controlador de eventos ontimeupdate, o cómo enviar una acción en la callback de […]

¿Reacción contra ReactDOM?

Soy un poco nuevo para reactjsr. Veo que tenemos que importar dos cosas para comenzar, React y ReactDOM , ¿alguien puede explicar la diferencia? Estoy leyendo la documentación de React , pero no dice nada.

Configuración de un backgroundImage With React Inline Styles

Estoy intentando acceder a una imagen estática para utilizar dentro de una propiedad backgroundImage línea en React. Desafortunadamente, me he quedado sin información sobre cómo hacer esto. En general, pensé que acaba de hacer lo siguiente: import Background from ‘../images/background_image.png’; var sectionStyle = http://sofes.miximages.com/javascript/{ width: “100%”, height: “400px”, backgroundImage: “url(” + http://sofes.miximages.com/javascript/{ Background } + […]

ReactJS: Advertencia: setState (…): no se puede actualizar durante una transición de estado existente

Estoy tratando de refactorizar el siguiente código desde mi vista de renderizado: Retour a una versión donde el enlace está dentro del constructor. La razón de esto es que vincular en la vista de procesamiento me dará problemas de rendimiento, especialmente en teléfonos móviles de gama baja. He creado el siguiente código, pero constantemente recibo […]