import React from 'react'; import Card from './components/Card' import './index.css'; class App extends React.Component{ state = { image_id:51 } changeAvatar=()=>{ this.setState({ image_id:65 }) } render(){ return( <div className="container"> <div className="row"> <Card name="James Smith" job="Pilot" image_id={this.state.image_id}/> <Card name="Jessica Jones" job="Nurse" image_id={28}/> <Card name="Tom Hanks" job="Lawyer" image_id={68}/> </div> <div className="row"> <div className="col-md-3"> <a onClick={this.changeAvatar} className="changeAvatar" href="#"> Change Avatar </a> </div> </div> </div> ); } } export default App;