Class component with states
Tue Jun 07 2022 18:35:50 GMT+0000 (Coordinated Universal Time)
Saved by
@soyreynald
#javascript
#react.js
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;
content_copyCOPY
I love how easy this is.
Comments