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.
props