Preguntas etiquetadas con reactjs

No puedo creer que esté haciendo una pregunta obvia, pero sigo recibiendo el error en el registro de la consola. La consola dice que no puede encontrar el módulo en el directorio, pero he comprobado al menos 10 veces si hay errores tipográficos. De todos modos, aquí está el código …

91 javascript  reactjs 

Estoy trabajando en un proyecto con Typescript, React y Redux (todos ejecutándose en Electron), y me he encontrado con un problema cuando incluyo un componente basado en clases en otro y trato de pasar parámetros entre ellos. Hablando libremente, tengo la siguiente estructura para el componente contenedor: class ContainerComponent extends …

91 reactjs  typescript  redux  electron  jsx 

Tengo esta sencilla aplicación helloworld react creada a partir de un curso en línea, sin embargo, aparece este error: Objeto de configuración no válido. Webpack se ha inicializado mediante un objeto de configuración que no coincide con el esquema de API. - la configuración tiene una propiedad desconocida 'postcss'. Estas …

91 reactjs  typescript  webpack 

Me gustaría preguntar cómo reacciona el manejo nativo o la fuente receptiva. Por ejemplo, en el iphone 4s tengo fontSize: 14, mientras que en el iphone 6 tengo fontSize: 18.

91 ios  reactjs  react-native 

Entonces tengo esto: let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({dealersOverallTotal: total}); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal es solo una matriz de números, [1, 5, 9]por ejemplo, sin embargo this.state.dealersOverallTotal, no da el total …

91 javascript  reactjs  state  setstate 

Sé que las extensiones de Chrome usan 'manifest.json`, pero aquí, también se usa como algo más. contenido - { "short_name": "React App", "name": "Create React App Sample", "icons": [ { "src": "favicon.ico", "sizes": "192x192", "type": "image/png" } ], "start_url": "./index.html", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } Cuando cambio algún …

91 reactjs  manifest  create-react-app 

Entiendo cómo (y por qué ) agregar un espacio en blanco en JSX, pero me pregunto cuál es la mejor práctica o si alguna marca una diferencia real. Envuelva ambos elementos en un tramo <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> Agréguelos en una línea <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> …

91 javascript  reactjs  react-jsx 

Estoy tratando de separar un componente de presentación de un componente de contenedor. Tengo un SitesTabley un SitesTableContainer. El contenedor es responsable de desencadenar acciones redux para buscar los sitios apropiados según el usuario actual. El problema es que el usuario actual se recupera de forma asincrónica, después de que …

90 reactjs  redux  react-redux 

Estoy tratando de convertir esta genial <canvas>animación que encontré aquí en un componente reutilizable de React. Parece que este componente requeriría un componente principal para el lienzo y muchos componentes secundarios para function Ball(). Por motivos de rendimiento, probablemente sería mejor convertirlos Ballsen componentes sin estado, ya que habrá muchos …

90 reactjs 

Normalmente publico cosas relacionadas con el código en Stack, pero esta es más una pregunta sobre cuáles son los pensamientos generales de la comunidad. Parece que hay mucha gente que defiende el uso de Redux con React para administrar datos / estado, pero mientras leía y aprendía ambos, me encontré …

90 javascript  reactjs  redux 

Básicamente, estoy tratando de hacer que las pestañas reaccionen, pero con algunos problemas. Aquí está el archivo page.jsx <RadioGroup> <Button title="A" /> <Button title="B" /> </RadioGroup> Al hacer clic en el botón A, las necesidades de componentes RadioGroup para deseleccionar el botón B . "Seleccionado" solo significa un className de …

90 reactjs 

Creo que el título lo dice todo. La advertencia amarilla se muestra cada vez que desmonto un componente que todavía se está recuperando. Consola Advertencia: No se puede llamar setState(o forceUpdate) en un componente desmontado. Esta es una operación no operativa, pero ... Para solucionarlo, cancele todas las suscripciones y …

90 reactjs 

Estoy confundido acerca de cómo acceder al <input>valor cuando lo uso mount. Esto es lo que tengo como prueba: it('cancels changes when user presses esc', done => { const wrapper = mount(<EditableText defaultValue="Hello" />); const input = wrapper.find('input'); console.log(input.render().attr('value')); input.simulate('focus'); done(); }); Se imprime la consola undefined. Pero si modifico …

90 unit-testing  reactjs  enzyme 

Soy nuevo en React y estoy tratando de importar una DATAvariable JSON desde un archivo externo. Recibo el siguiente error: No se puede encontrar el módulo "./customData.json" ¿Alguien podría ayudarme? Funciona si tengo mi DATAvariable dentro, index.jspero no cuando está en un archivo JSON externo. index.js import React, {Component} from …

90 javascript  json  reactjs 

Tengo varios componentes que deben hacer lo mismo. (Una función simple que mapea sus componentes secundarios y hace algo con cada uno). De momento estoy definiendo este método en cada uno de los componentes. Pero solo quiero definirlo una vez. Podría definirlo en el componente de nivel superior y luego …

90 reactjs