Tag: reactjs

¿Qué hace llamar a super () en un constructor React?

Aprendiendo a reactjsr de los documentos y encontré este ejemplo: class Square extends React.Component { constructor() { super(); this.state = { value: null, }; } … } Según Mozilla , super te permite usar this en el constructor. ¿Hay alguna otra razón para usar un super independiente (sé que super te permite acceder a los […]

Reactjs – Estableciendo el estado desde props usando setState en el componente hijo

Tengo la siguiente clase que representa a los usuarios en función de una lista desplegable de ordenación. Los usuarios serán listados en orden alfabético si elijo “alfabético” y en orden de grupo cuando elijo “grupo”. render(){ return( const {members, sort} = this.state { sort === “alphabetical” && } { sort === “group” && } ) […]

firebase.auth no es una función

Estoy usando Webpack con firebase y firebase-admin. Para instalar Firebase me encontré npm install –save firebase Estoy importando base de fuego usando import * as firebase from ‘firebase/app’ import ‘firebase/auth’ Yo tambien lo intenté import * as firebase from ‘firebase’ Y lo intenté const firebase = require(‘firebase’) Como se sugiere en la guía de inicio […]

onEnter no llamado en React-Router

Ok, estoy harto de intentarlo. El método onEnter no funciona. ¿Alguna idea de por qué es eso? // Authentication “before” filter function requireAuth(nextState, replace){ console.log(“called”); // => Is not triggered at all if (!isLoggedIn()) { replace({ pathname: ‘/front’ }) } } // Render the app render( , document.getElementById(“lf-app”) Editar: El método se ejecuta cuando onEnter={requireAuth()} […]

Posición css absoluta haciendo que el cuadro de texto baje

Construyo un prototipo utilizando chips de UI. Cuando hago clic en Test IPA, el cuadro de texto debería aparecer inmediatamente debajo del texto Test IPA. En el prototipo, se muestra inmediatamente a continuación, pero cuando se incluye con otras funcionalidades, se muestra en la parte inferior. Depuré el CSS, se debe a la posición absoluta […]

¿Cómo detectar un componente React frente a un elemento React?

React.isValidElement prueba true tanto para los componentes React como para los elementos React. ¿Cómo probaría, específicamente, que un objeto es un componente React? Actualmente, lo estoy haciendo probando typeof obj.type === ‘function’ , pero espero que haya una mejor manera.

¿Puedo llamar API en componentWillMount en React?

Estoy trabajando en reactjsr durante el último año. La convención que seguimos es hacer una llamada a la API en componentDidMount , obtener los datos y setState después de que los datos hayan llegado. Esto asegurará que el componente se haya montado y el estado de configuración causará una nueva representación del componente, pero quiero […]

El signo de igualdad en el lugar incorrecto causa una excepción de token desconocida

Estoy actualizando un proyecto de Babel 5 a Babel 6. El código es de pluralsight en github . El error se produce en app.js. Supongo que hay un complemento que necesita una actualización que permita que esta syntax funcione: export default class DriftApp extends React.Component { state = {//builder is not happy with this equals […]

Los urls React-router no funcionan al actualizar o escribir manualmente

Estoy usando React-router y funciona bien mientras hago clic en los botones de enlace, pero cuando actualizo mi página web no se carga lo que quiero. Por ejemplo, estoy en localhost / joblist y todo está bien porque llegué aquí presionando un enlace. Pero si actualizo la página web, no puedo obtener GET / joblist […]

react-router (v4) ¿Cómo volver?

Tratando de averiguar cómo puedo volver a la página anterior. Estoy usando [react-router-v4][1] Este es el código que he configurado en mi primera página de destino: Para reenviar a páginas subsiguientes, simplemente hago: this.props.history.push(‘/Page2’); Sin embargo, ¿cómo puedo volver a la página anterior? Probé algunas cosas como las que se mencionan a continuación, pero no […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.