Mi pregunta es la siguiente como puedo pasar datos de un JSON rescatado en el componente principal
import React, {Component} from 'react';
import { NavLink } from 'react-router-dom';
import Video from './Video';
class Home extends Component{
constructor(props){
super(props);
this.state = {
dataSource: []
};
}
componentDidMount() {
const url = 'http://localhost:4000/data'
fetch(url).then((response) => response.json()).then((responseJson) => {
let dataSource = [];
Object.values(responseJson).forEach(item => {
dataSource = dataSource.concat(item);
});
this.setState({dataSource: dataSource})
});
}
handleClick(title){
console.log(title)
}
render(){
return(
<div>
<h1>Home</h1>
{ this.state.dataSource.map((dynamicData, i) =>
<div key={ i } className="slide">
<NavLink to="/Video">
<img width="600px" height="300px"
onClick={this.handleClick.bind(this,dynamicData.title)}
src={dynamicData.image}
/>
</NavLink>
</div>
)
*
</div>
);
}
}
export default Home;
& pasar ejemplo title a otro componente diferente
import React, {Component} from 'react';
class Video extends Component{
render(){
return(
<div>
<h1>TITULO RESCATADO DEL JSON</h1>
</div>
);
}
}
export default Video;
Se los agradeceria mucho.