Articles of reactjs

Cómo obtener el valor del parámetro de la cadena de consulta

¿Cómo puedo definir una ruta en mi archivo routes.jsx para capturar el valor del parámetro __firebase_request_key de una URL generada por el proceso de inicio de sesión único de Twitter después de la redirección desde sus servidores? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Intenté con la siguiente configuración de rutas, pero el :redirectParam no está captando el parámetro mencionado:

Use Conectar o pasar datos como accesorios para niños

Soy nuevo en reactjsr y reducir. Tengo un escenario donde hay componentes nesteds como este. A> B> C> D Hay una propiedad utilizada en el componente A y se usará en el componente D. Entonces, tengo dos enfoques: Obtenga estado de redux store en el componente A y luego páselo como accesorios a todos sus […]

Use las funciones del ciclo de vida componentWillMount o componentDidMount para solicitud asíncrona en React

Estoy leyendo sobre el ciclo de vida de las reacciones y estoy un poco confundido. Algunos recomiendan usar componentWillMount para hacer llamadas ajax: https://hashnode.com/post/why-is-it-a-bad-idea-to-call-setstate-immediately-after-componentdidmount-in-react-cim5vz8kn01flek53aqa22mby Llamar a setState en componentDidMount activará otra invocación de render () y puede llevar a una expansión de diseño. y en otros lugares dice no poner llamadas ajax en el componenteWillMount: […]

Cómo asignar refs a múltiples componentes

Estoy usando React para renderizar datos múltiples usando array.map . ¿Cómo se puede desactivar el botón de la lista? Este es mi código: onRunClick(act, e) { this.refs.btn.setAttribute(“disabled”, true); } render () { return ( { this.state.acts.map((act) => { let boundActRunClick = this.onRunClick.bind(this, act); return ( Name: {act.name}, URL(s): {act.urls} Run ) }) } ); } […]

Proyecto React Native, index.ios.js o index.android.js no generado

Empecé con React-Native hoy. Y estoy siguiendo un tutorial web. Hice todas las instalaciones correctamente en mi máquina con Windows: Java Jdk Estudio Android Nodo / NPM Hilo luego instalado react-native npm install -g react-native-cli finalmente un proyecto hola mundo react-native init albums No estoy recibiendo ningún error. Mi aplicación se ejecuta (básicamente se carga) […]

Aplicación ReactJS – resiliencia VS que falla rápidamente

Estoy en el medio del desarrollo de una aplicación React y este es el enfoque que utilicé para mis componentes: valido los puntales que espero recibir con la validación de PropTypes, pero sigo asignando valores predeterminados para evitar que se rompe si algo sale mal con los datos recibidos. Recientemente me dijeron que no deberíamos […]

Reaccionar URL de cambios de enrutador pero no ver

Tengo problemas para cambiar la vista al reactjsr con el enrutamiento. Parece que he intentado todo lo que puedo googlear sin suerte. Solo quiero mostrar una lista de usuarios, y al hacer clic en cada usuario, debería navegar a una página de detalles. Aquí está el enrutador: import React from “react”; import ReactDOM from “react-dom”; […]

No se pueden usar las funciones de flecha dentro de la clase de componente de reacción

Comencé un proyecto donde uso React JS para la interfaz y un nodo js en back-end. Usé el paquete web para agrupar los archivos JS. utilicé babel junto con otras cosas necesarias. Cuando alguna vez uso las funciones de flecha dentro de una clase de reacción, da un error de syntax. al igual que la […]

ReactJs CreateClass no es una función

var React = require(‘react’); module.exports=React.createClass({ render:function(){ return( the list )} }) Cuando ejecuto el código anterior, aparece el siguiente error: app.js:4 Uncaught TypeError: React.createClass is not a function ¿Esto se debe a una diferencia de versión o a un error tipográfico? package.json-I have included create-react-class as seen here but not in the bower.json file { […]

axios solicitud de envío para enviar datos de formulario

La POST axio POST está presionando la url en el controlador pero estableciendo valores nulos en mi clase POJO, cuando reviso las herramientas de desarrollador en chrome, la carga contiene datos. ¿Qué estoy haciendo mal? Solicitud POSTE de Axios: var body = { userName: ‘Fred’, userEmail: ‘Flintstone@gmail.com’ } axios({ method: ‘post’, url: ‘/addUser’, data: body […]