Tag: reactjs

Renderizando un array.map () en React

Estoy teniendo un problema en el que estoy tratando de usar una matriz de datos para representar un elemento . En el código debajo de console.log ‘s están funcionando bien, pero los elementos de la lista no aparecen. var Main = React.createClass({ getInitialState: function(){ return { data: dataRecent } }, render: function(){ return ( { […]

¿Cuál es la diferencia entre los dos botones que hacen clic en el componente React dado?

¿Hay alguna diferencia entre el evento de clic de botón en el componente dado? ¿Cuál es la forma preferida de escribir? export default class App extends Component { doSomething = () => { console.log(‘Hi’); } render() { return ( this.doSomething()} title=”Test” /> ); } }

cordova con la aplicación crear-reactjsr

He creado una aplicación ReactJs con create-react-app y luego hice la comstackción de producción con npm run build . En mi carpeta www creada con Cordova, copio todos los archivos de la carpeta de comstackción de create-react-app y eso está bien. Quiero saber cómo me conecto a los eventos de Cordova como, por ejemplo: function […]

No se puede aplicar ningún estilo Bootstrap al usar la biblioteca React-bootstrap

Quiero usar los componentes predeterminados de Bootstrap en mi aplicación React, entonces estoy usando el paquete NPM React-bootstrap. Pero me quedé atascado desde el principio: no puedo usar ningún componente predeterminado aunque solo estoy copiando ejemplos muy simples de documentos oficiales. Cada vez que uso un componente de estilo Bootstrap, obtengo componentes básicos sin estilos. […]

Funciones de anidación en JS

Estoy tratando de entender algunos conceptos en reactjs, pero no puedo entender el anidamiento de funciones. Creé el siguiente ejemplo para investigar mi preocupación. En el siguiente ejemplo, estoy mostrando un contenido cuyo valor proviene de una serie de funciones anidadas. Sin embargo, me aparece el error “Error de tipo no detectado: no se puede […]

Cómo filtrar a través de una matriz de componentes / elementos en reactjs

Así que puedo pasar el botón a través del evento cuando se hace clic. Pero cuando hago un filtro, no quita dicho botón. Así que tengo mi matriz en el constructor (): constructor() { super(); this.options = [ 1, 2, 3, 4, 5]; this.temp_option = []; this.delete_me = this.delete_me.bind(this); this.buttons = [,]; this.state = { […]

Cómo acceder al estado de un componente desde otro componente

¿Cómo accedo al estado de un componente en otro componente? A continuación se muestra mi código y estoy intentando acceder al estado del componente a en el componente b . var a = React.createClass({ getInitialState: function () { return { first: “1” }; }, render: function () { // Render HTML here. } }); var […]

Simulacro de axios.create ()

Estoy usando jest y axios-mock-adapter para probar las llamadas a la API de axios en los creadores de acción asíncrona de redux . No puedo hacer que funcionen cuando estoy usando una instancia de axios creada con axios.create() como tal: import axios from ‘axios’; const { REACT_APP_BASE_URL } = process.env; export const ajax = axios.create({ […]

botón de paypal para reaccion.js

así que estoy intentando que aparezca el botón de PayPal en mi aplicación, pero no puedo hacerlo funcionar. Lo estoy basando en este jsfiddle. https://jsfiddle.net/rbacekkb/ Intenté poner en mi aplicación pero el botón no aparece en la página que quiero. No sé qué hice mal. paypal.jsx import React from ‘react’; class PayPalButton extends React.Component { […]

Detectando cuando el usuario se desplaza a la parte inferior de div con React js

Tengo un sitio web con diferentes secciones. Estoy usando segment.io para rastrear diferentes acciones en la página. ¿Cómo puedo detectar si un usuario se ha desplazado a la parte inferior de un div? He intentado lo siguiente, pero parece que se activa tan pronto como me desplazo en la página y no cuando llegué al […]

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