Preguntas etiquetadas con reactjs

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 /> </div> ); } }); var routes = ( <Route path="/" handler={Index}> <Route path="comments" handler={Comments}/> <DefaultRoute …

315 javascript  properties  reactjs  react-router 

¿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 final será algo así …

313 javascript  reactjs  resize 

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 …

306 javascript  reactjs  react-router  react-router-v4 

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 new React app in /Users/user/Desktop/my-app. Installing packages. This might take …

298 reactjs  create-react-app 

¿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 ERR! { Error: EACCES: permission denied, access '/usr/local/lib/node_modules' npm ERR! errno: -13, npm …

298 node.js  reactjs  npm  install 

¿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 ?why is this not available? }, render: function() { <Child onClick={this.onClick} /> } …

295 javascript  reactjs 

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" src="images/{this.props.image}">

295 javascript  reactjs  react-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 '../images/background_image.png'; var sectionStyle = { width: "100%", height: "400px", backgroundImage: …

290 javascript  reactjs 

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 solucionarlo. Aquí …

288 javascript  reactjs 

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 'react-document-title'; import { prefix } from '../../core/util'; export default class extends Component { …

266 javascript  reactjs  ecmascript-6  react-jsx 

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 debería ser el propType del prop de los niños? Cuando lo configuro como un …

265 reactjs  jsx  react-proptypes 

¿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 segundo simplemente no hace nada. ¿Algunas ideas?

265 reactjs  state 

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 esto: <Match …

262 javascript  reactjs  nested  react-router  react-router-v4 

Estoy creando una aplicación donde el usuario puede diseñar su propio formulario. Por ejemplo, especifique el nombre del campo y los detalles de qué otras columnas deben incluirse. El componente está disponible como JSFiddle aquí . Mi estado inicial se ve así: var DynamicForm = React.createClass({ getInitialState: function() { var …

260 javascript  reactjs  state 

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 reactify -t babelify examples/temp.jsx -o examples/public/app.js …

256 reactjs  ecmascript-6