Articles of reactjs

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 […]

Se puede usar getDerivedStateFromProps como alternativa al componenteWillReceiveProps

getDerivedStateFromProps se agrega como una alternativa más segura que el componente heredadoWillReceiveProps. Esto es lo que dice el doc. 16.3. ¿Hay algo más en este ciclo de vida o es solo un cambio de nombre?

Obteniendo el error No se puede leer la propiedad ‘setState’ de undefined

Soy nuevo con Reactjs. Intento hacer algo muy simple: actualizar un div dentro de una función de renderizado cuando el usuario cambie el texto dentro del área de texto. ¿Alguna sugerencia? class HTMLEditor extends React.Component { constructor(props) { super(props); this.state = {value: ‘Put here HTML’}; } handleChange(e) { this.setState({value: e.currentTarget.value}); } render() { return ( […]