Ocasionalmente tengo componentes de reacción que tienen un estado conceptual que quiero restablecer. El comportamiento ideal sería equivalente a eliminar el componente antiguo y leer un componente nuevo y prístino. React proporciona un método setStateque permite establecer el propio estado...
Este es mi proyecto: https://github.com/kenpeter/my_hak_news , que es una copia directa de https://github.com/grigio/HAgnostic-News . Git clone https://github.com/kenpeter/my_hak_news , luego ejecutereact-native run-android Tengo este error: * What went wrong: Execution failed for task...
Sin parámetro function clickMe(e){ //e is the event } <button onClick={this.clickMe}></button> Con parámetro function clickMe(parameter){ //how to get the "e" ? } <button onClick={() => this.clickMe(someparameter)}></button> Quiero conseguir el event. ¿Cómo...
Estoy tratando de averiguar cómo alternar una clase activa onClickpara cambiar las propiedades de CSS. He adoptado muchos enfoques y leído muchas respuestas SO. Usar jquery sería relativamente simple, sin embargo, no puedo hacer esto con react. Mi código está debajo. ¿Alguien puede aconsejarme...
Al crear una aplicación de reacción, el service worker se invoca de forma predeterminada. ¿Por qué se utiliza el trabajador de servicio? ¿Cuál es el motivo de la invocación predeterminada?
Estoy desarrollando una nueva aplicación usando la nueva API de React Context en lugar de Redux, y antes, Reduxcuando necesitaba obtener una lista de usuarios, por ejemplo, simplemente llamo a componentDidMountmi acción, pero ahora con React Context, mis acciones viven dentro my Consumer que...
Estoy trabajando en un proyecto en React y me encontré con un problema que me dejó perplejo. Cada vez que corro yarn startme sale este error: TypeError [ERR_INVALID_ARG_TYPE]: el argumento "ruta" debe ser de tipo cadena. Tipo recibido indefinido No tengo idea de por qué está sucediendo esto,...
Quiero incluir / omitir dinámicamente el atributo deshabilitado en un elemento de botón. He visto muchos ejemplos de valores de atributos dinámicos, pero no de atributos en sí mismos. Tengo la siguiente función de renderizado: render: function() { var maybeDisabled = AppStore.cartIsEmpty() ?...
Estoy usando ReactJS y parte de mi aplicación requiere JSON bastante impreso. Obtengo algo de JSON como:, { "foo": 1, "bar": 2 }y si lo ejecuto JSON.stringify(obj, null, 4)en la consola del navegador, se imprime bastante, pero cuando lo uso en este fragmento de reacción: render: function() {...
En mi componente de reacción, estoy tratando de implementar un spinner simple mientras una solicitud ajax está en progreso; estoy usando el estado para almacenar el estado de carga. Por alguna razón, este fragmento de código a continuación en mi componente React arroja este error Solo se...
¿Qué causa el siguiente problema? ¿Mi versión del SDK de Android no es compatible? Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred...
Solo puedo ver la aplicación real debajo /public. Las configuraciones en webpack.config.jsestán a continuación: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server',...
Por ejemplo: codepen var InputBox = React.createClass({ render: function() { return ( <input className="mainInput" value='Some something'></input> ) } });
Por lo que sé y corregirme si me equivoco, redux-thunk es un middleware que nos ayuda a distribuir funciones asíncronas y depurar valores en la acción misma, mientras que cuando usé redux-promise no podía crear funciones asíncronas sin implementar la mía propia mecanismo como Action lanza una...
El primer principio de la documentación de Redux es: El estado de toda su aplicación se almacena en un árbol de objetos dentro de una sola tienda. Y de hecho pensé que comprendo bien todos los principios. Pero ahora estoy confundido sobre qué significa la aplicación. Si la aplicación...
Quiero usar un evento keyDown en un div en React. Hago: componentWillMount() { document.addEventListener("keydown", this.onKeyPressed.bind(this)); } componentWillUnmount() { document.removeEventListener("keydown", this.onKeyPressed.bind(this)); } onKeyPressed(e) {
Tengo un elemento de casilla de verificación TSX (JSX): <input type="checkbox" name={i.toString()} onClick={this.handleCheckboxClick} /> Con la ayuda del código VS, sé que el tipo de parámetro de entrada de this.handleCheckboxClickis MouseEvent<HTMLInputElement>. Entonces lo...
Usando el método css-in-js para agregar clases a un componente de reacción, ¿cómo agrego varios componentes? Aquí está la variable de clases: const styles = theme => ({ container: { display: 'flex', flexWrap: 'wrap' }, spacious: { padding: 10 }, }); Así es como lo usé: return (...
Estoy rompiendo todo el ejemplo de Redux para tratar de entenderlo. Leí que mapDispatchToPropste permite mapear acciones de despacho como accesorios, así que pensé en reescribir addTodo.jspara usar mapDispatchToProps en lugar de llamar a dispatch (addTodo ()). Lo llamé addingTodo(). Algo como...
Estoy usando Sublime Text como editor de texto. Hay un jsFormat para formatear archivos javascript pero no puedo encontrar uno para JSX. ¿Cómo lidian con el formateo de JSX?