React
HTML
<div id="app"></div>
React
class ArrowButton extends React.Component {
render() {
return (
<div>
<img src={this.props.icon} alt="" onClick={this.props.onClick} />
</div>
)
}
}
class PageBottom extends React.Component {
constructor(props) {
super(props)
this.handleClick = this.handleClick.bind(this)
}
handleClick(event) {
alert("CLICKED")
}
render() {
return (
<div>
<div className="jobTitle"> softwaRe developeR </div>
<ArrowButton
onClick={this.handleClick}
icon={"http://www.libpng.org/pub/png/img_png/obj_64x64.png"}
/>
</div>
)
}
}
ReactDOM.render(<PageBottom />, document.querySelector("#app"))