Articles of reactjs

Jest Enzyme prueba un componente React que devuelve nulo en el método de procesamiento

Tengo un componente que devuelve nulo en render en ciertas condiciones: render() { if (this.props.isHidden) { return null; } return test; } Quiero comprobar si el componente es nulo cuando isHidden es verdadero con jest y enzima: describe(‘myComp’, () => { it(‘should not render if isHidden is true’, () => { const comp = shallow(); […]

Componente de reacción de orden superior para seguimiento de clics

Me gustaría implementar un componente de reacción de orden superior que se pueda usar para rastrear eventos (como un clic) en cualquier componente React. El propósito de esto es enganchar fácilmente clics (y otros eventos) a nuestro rastreador de análisis de primera parte. El desafío que he encontrado es que el sistema de eventos sintéticos […]

El audio HTML5 no se reproduce en mi aplicación React en localhost

Estoy haciendo un reproductor de mp3 con React.js y la API de javascript de audio web HTML5. Acabo de aprender React durante dos semanas, por lo que me estoy acostumbrando a la estructura y la configuración (con componentes, etc.), pero tengo varios años de experiencia con JavaScript. Tuve el reproductor de mp3 funcionando cuando uso […]

React-router v4 Actualización de página no funciona

Probablemente me esté perdiendo el historial o algo así, pero cuando actualizo una página en una ruta secundaria como /login o cualquier otra ruta que obtengo: 403 Prohibido Código: AccessDenied Mensaje: Access Denied RequestId: 075CAA73BDC6F1B9 HostId: O1n36xVCoeu / aLaSMrtCkAFZruWk5ZcO4RIrznEvvUxdu8lFEhL0Xckw2L4W4J7VYYetTVvvvvvvv2x4c4v4j4vcvvvvgxx8lFE Tenga en cuenta que las rutas funcionan bien siempre y cuando no actualice. Así que digamos […]

Cómo el DOM objective reactjs con useRef en el mapa

Estoy buscando una solución para obtener una matriz de elementos DOM con el useRef() reaccion useRef() . ejemplo: const Component = () => { // In `items`, I would like to get an array of DOM element let items = useRef(null); return {[‘left’, ‘right’].map((el, i) => )} } ¿Cómo puedo conseguir esto?

JSX Spread Attributes en navegadores que no son ES6 del lado del cliente

ReactJS JSX tiene un método para agregar fácilmente muchas propiedades a un componente: var props = {}; props.foo = x; props.bar = y; var component = ; Estos se llaman atributos de propagación. https://facebook.github.io/react/docs/jsx-spread.html#spread-attributes La notación … se llama un operador de propagación que se usó en ES6. Esto es fácil de usar si está […]

React Native: React Navigation StackNavigator no funciona. Obteniendo el error: “undefined no es un objeto (evaluar ‘this.props.navigation.navigate’)”

Estoy tratando de usar React Navigation y StackNavigator para navegar por mi aplicación. Tengo un botón con onPress={() => navigate(‘DetailsScreen’) , y esperaba que eso me llevara a DetailsScreen , pero DetailsScreen el siguiente error: E ReactNativeJS: undefined no es un objeto (evaluar ‘this.props.navigation.navigate’) ¿Qué necesito agregar para que esto funcione? Vea mi código aquí: […]

Agregar react-hot-loader a la aplicación de creación-reacción-expulsada

Estoy utilizando las instrucciones de este compromiso para intentar agregar la versión 3 de react-hot-loader a create-react-app . (Desplácese hasta la parte inferior para ver las configuraciones de babel y webpack) Edición: cambiar ‘webpack/hot/dev-server’ a ‘webpack/hot/only-dev-server’ permite que la recarga en caliente funcione. ¿Porque? Además, ¿cómo puedo hacer que vuelva a cargar la página web […]

Desventajas de estado de mutación directamente y forceUpdate () vs setState

Los documentos de Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made. Treat this.state as if it were immutable… dicen Never mutate this.state directly, as calling setState() afterwards may replace the mutation you made. Treat this.state as if it were immutable… Never mutate this.state directly, as calling setState() afterwards may […]

reactjsr: no capturado TypeError: no se puede leer la propiedad ‘estado’ de undefined

Estoy tratando de obtener el objeto ‘estado’ en la aplicación de la función que está fuera de la clase General y recibo este error “Error de tipo no detectado: no se puede leer la propiedad ‘estado’ de indefinido”. El codigo es class General extends Comment { constructor() { super(); this.state = { comments: first_comment}; } […]