How to transfer Props in components to components using onclick function?

Question

when i click button that time called function inside that function i passing props in reactjs

Answer 1

<button onClick={this.handleClick}>
Source:

https://reactjs.org/docs/faq-functions.html

Answer 2

Not good way (creates new function for each render)
const Button = (props) => <button onClick={() => props.handleClick(props)} />

Better
class Button extends Component{
constructor(props) {
super(props);
this.handleClick = this.handleClick.bind(this);
}
handleClick(){
// this props is available here
this.props.showSuper();
}
render(){
return <button onClick={this.handleClick} />
}
}