Quiero mostrar y ocultar condicionalmente este grupo de botones dependiendo de lo que se pasa del componente principal que se ve así: <TopicNav showBulkActions={this.__hasMultipleSelected} /> .... __hasMultipleSelected: function() { return false; //return true or false depending on...
Advertencia: Un componente está cambiando una entrada no controlada de texto de tipo a controlar. Los elementos de entrada no deben cambiar de no controlado a controlado (o viceversa). Decida entre usar un elemento de entrada controlado o no controlado durante la vida útil del componente. * El...
Estoy leyendo la sección de formularios dereaccionardocumentación y acabo de probar este código para demostrar el onChangeuso ( JSBIN ). var React= require('react'); var ControlledForm= React.createClass({ getInitialState: function() { return { value: "initial value" }; }, handleChange:...
Acabo de comenzar con ReactJS y estoy un poco atascado en un problema que tengo. Mi aplicación es esencialmente una lista con filtros y un botón para cambiar el diseño. Por el momento estoy usando tres componentes: <list />, < Filters />y <TopBar />, ahora, obviamente, cuando...
Estoy teniendo el siguiente error TypeError no capturado: no se puede leer la propiedad 'setState' de undefined incluso después de enlazar delta en el constructor. class Counter extends React.Component { constructor(props) { super(props); this.state = { count : 1 };
Tengo la siguiente estructura para mi aplicación React.js usando React Router : var Dashboard = require('./Dashboard'); var Comments = require('./Comments'); var Index = React.createClass({ render: function () { return ( <div> <header>Some header</header> <RouteHandler...
¿Cómo puedo hacer que React vuelva a representar la vista cuando se cambia el tamaño de la ventana del navegador? Antecedentes Tengo algunos bloques que quiero diseñar individualmente en la página, sin embargo, también quiero que se actualicen cuando cambie la ventana del navegador. El resultado...
Quiero declarar una ruta con un parámetro de ruta opcional, por lo tanto, cuando lo agrego, la página hace algo extra (por ejemplo, llenar algunos datos): http: // localhost / app / path / to / page <= renderizar la página http: // localhost / app / path / to / page / pathParam <=...
Cuando escribo el create-react-app my-appcomando en mi terminal, parece funcionar: descargando todas las bibliotecas con éxito, etc. Al final de ese proceso, recibo el mensaje de que a template was not provided. Entrada user@users-MacBook-Pro-2 Desktop% create-react-app my-app Salida Creating a...
¿Qué podría estar causando el error Error: EACCES: permission denied, access '/usr/local/lib/node_modules'? npm ERR! path /usr/local/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm...
En JSX, ¿cómo hace referencia a un valor propsdesde dentro de un valor de atributo citado? Por ejemplo: <img className="image" src="images/{this.props.image}" /> El resultado HTML resultante es: <img class="image"
¿No hay una manera simple de pasar un niño propsa su padre usando eventos, en React.js? var Child = React.createClass({ render: function() { <a onClick={this.props.onClick}>Click me</a> } }); var Parent = React.createClass({ onClick: function(event) { // event.component.props...
Estoy tratando de acceder a una imagen estática para usar dentro de una backgroundImagepropiedad en línea dentro de React. Desafortunadamente, me he quedado seco sobre cómo hacer esto. En general, pensé que acababas de hacer lo siguiente: import Background from
Soy nuevo en React y estoy tratando de escribir una aplicación que funcione con una API. Sigo recibiendo este error: TypeError: this.setState no es una función cuando trato de manejar la respuesta API. Sospecho que hay algún problema con este enlace, pero no puedo encontrar la manera de...
Tengo un problema relativamente sencillo al tratar de agregar secuencias de comandos en línea a un componente React. Lo que tengo hasta ahora: 'use strict'; import '../../styles/pages/people.scss'; import React, { Component } from 'react'; import DocumentTitle from
Dado un componente simple que representa a sus hijos: class ContainerComponent extends Component { static propTypes = { children: PropTypes.object.isRequired, } render() { return ( <div> {this.props.children} </div> ); } } export default ContainerComponent; Pregunta: ¿Cuál...
¿Es posible actualizar las propiedades del objeto setState? Algo como: this.state = { jasper: { name: 'jasper', age: 28 }, } Yo he tratado: this.setState({jasper.name: 'someOtherName'}); y esto: this.setState({jasper: {name: 'someothername'}}) El primero produce un error de sintaxis y el...
Actualmente estoy luchando con las rutas de anidación con react router v4. El ejemplo más cercano fue la configuración de ruta en la documentación de React-Router v4 . Quiero dividir mi aplicación en 2 partes diferentes. Una interfaz y un área de administración. Estaba pensando en algo como...
Estoy usando reactjs. Cuando ejecuto el código debajo del navegador dice: TypeError no capturado: la súper expresión debe ser nula o una función, no indefinida Cualquier sugerencia sobre lo que está mal sería apreciada. Primero, la línea utilizada para compilar el código: browserify -t...
En React (marco de Facebook), necesito representar un elemento de etiqueta vinculado a una entrada de texto usando el foratributo estándar . por ejemplo, se utiliza el siguiente JSX: <label for="test">Test</label> <input type="text" id="test" /> Sin embargo, esto produce HTML...