Skip to main content
Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Título en mayúscula sostenida, formato menor a la pregunta
Origen Enlace

PASAR DATOS DE UNA VENTANA A OTRA EN REACT Pasar datos de una ventana a otra en React

Mi pregunta es la siguiente como: ¿cómo puedo pasar datos de una ventana a otra si traigo los datos por un JSON el? El objetivo es que al hacer click me mande X dato a otra ventana por react.

muestroMuestro el codigocódigo:

import React, { Component } from 'react';
import Prueba from './Prueba';
import './App.css';

class App extends Component {

  constructor(){
    super();
    this.state = {
    tarjetas: [
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        },
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        }
      ]
    }
    
  }
  MandarImagen(){
   console.log('AL HACER CLICK DEBE DE MANDAR LA MISMA IMAGEN A OTRA VENTANA');
  }

  render() {
    return (
      <div className="App">
        
        {this.state.tarjetas.map((dynamicData) => (
          <div>
            <img 
            onClick={this.MandarImagen}
            src={dynamicData.imagenUrl} />
            <p>{dynamicData.titulo}</p>
            <p>{dynamicData.descripcion}</p>
         </div>
        ))}
      
      
      </div>
    );
  }
}

export default App;

estaEsta parte Es la principial el componente App:

import React from 'react';

const Prueba = () => (

    <div className="App">
      <h1>AQUI DEBE DE APARECER LA IMAGEN DE APP</h1>
    </div>

);

export default Prueba;

Aqui debe recibir dicho elemento para mostrarlo.

PASAR DATOS DE UNA VENTANA A OTRA EN REACT

Mi pregunta es la siguiente como puedo pasar datos de una ventana a otra si traigo los datos por un JSON el objetivo es que al hacer click me mande X dato a otra ventana por react

muestro el codigo

import React, { Component } from 'react';
import Prueba from './Prueba';
import './App.css';

class App extends Component {

  constructor(){
    super();
    this.state = {
    tarjetas: [
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        },
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        }
      ]
    }
    
  }
  MandarImagen(){
   console.log('AL HACER CLICK DEBE DE MANDAR LA MISMA IMAGEN A OTRA VENTANA');
  }

  render() {
    return (
      <div className="App">
        
        {this.state.tarjetas.map((dynamicData) => (
          <div>
            <img 
            onClick={this.MandarImagen}
            src={dynamicData.imagenUrl} />
            <p>{dynamicData.titulo}</p>
            <p>{dynamicData.descripcion}</p>
         </div>
        ))}
      
      
      </div>
    );
  }
}

export default App;

esta parte Es la principial el componente App

import React from 'react';

const Prueba = () => (

    <div className="App">
      <h1>AQUI DEBE DE APARECER LA IMAGEN DE APP</h1>
    </div>

);

export default Prueba;

Aqui debe recibir dicho elemento para mostrarlo

Pasar datos de una ventana a otra en React

Mi pregunta es la siguiente: ¿cómo puedo pasar datos de una ventana a otra si traigo los datos por un JSON? El objetivo es que al hacer click me mande X dato a otra ventana por react.

Muestro el código:

import React, { Component } from 'react';
import Prueba from './Prueba';
import './App.css';

class App extends Component {

  constructor(){
    super();
    this.state = {
    tarjetas: [
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        },
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        }
      ]
    }
    
  }
  MandarImagen(){
   console.log('AL HACER CLICK DEBE DE MANDAR LA MISMA IMAGEN A OTRA VENTANA');
  }

  render() {
    return (
      <div className="App">
        
        {this.state.tarjetas.map((dynamicData) => (
          <div>
            <img 
            onClick={this.MandarImagen}
            src={dynamicData.imagenUrl} />
            <p>{dynamicData.titulo}</p>
            <p>{dynamicData.descripcion}</p>
         </div>
        ))}
      
      
      </div>
    );
  }
}

export default App;

Esta parte Es la principial el componente App:

import React from 'react';

const Prueba = () => (

    <div className="App">
      <h1>AQUI DEBE DE APARECER LA IMAGEN DE APP</h1>
    </div>

);

export default Prueba;

Aqui debe recibir dicho elemento para mostrarlo.

Relanzada por el usuario Comunidad
Relanzada por el usuario Comunidad
Origen Enlace

PASAR DATOS DE UNA VENTANA A OTRA EN REACT

Mi pregunta es la siguiente como puedo pasar datos de una ventana a otra si traigo los datos por un JSON el objetivo es que al hacer click me mande X dato a otra ventana por react

muestro el codigo

import React, { Component } from 'react';
import Prueba from './Prueba';
import './App.css';

class App extends Component {

  constructor(){
    super();
    this.state = {
    tarjetas: [
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        },
        {
          imagenUrl: "https://d2mn9dr0jv4622.cloudfront.net/wp-content/uploads/2017/12/11002955/continuous-integration-for-react-native.png",
          titulo: "Titulo",
          descripcion: "Descripción"
        }
      ]
    }
    
  }
  MandarImagen(){
   console.log('AL HACER CLICK DEBE DE MANDAR LA MISMA IMAGEN A OTRA VENTANA');
  }

  render() {
    return (
      <div className="App">
        
        {this.state.tarjetas.map((dynamicData) => (
          <div>
            <img 
            onClick={this.MandarImagen}
            src={dynamicData.imagenUrl} />
            <p>{dynamicData.titulo}</p>
            <p>{dynamicData.descripcion}</p>
         </div>
        ))}
      
      
      </div>
    );
  }
}

export default App;

esta parte Es la principial el componente App

import React from 'react';

const Prueba = () => (

    <div className="App">
      <h1>AQUI DEBE DE APARECER LA IMAGEN DE APP</h1>
    </div>

);

export default Prueba;

Aqui debe recibir dicho elemento para mostrarlo