Skip to main content
AI Assist is now on Stack Overflow. Start a chat to get instant answers from across the network. Sign up to save and share your chats.

Return to Answer

deleted 137 characters in body
Source Link
Sohail Ashraf
Sohail Ashraf
  • 10.7k
  • 3
  • 31
  • 43

You are exposing the function with prop name currentClick. It's like you are assigning function to currentClick.

You can use like this.

import React from "react"; class Generate extends React.Component {   constructor(props) {   super(props)   }   handleClick = () => {   this.props.currentClick();   }   render() { return (   <div className="gen-box"> <button  type="button"  type="button"   className="gen-btn"    onClick={this.handleClick}> generate  generate </button>   </div>   );   } } export default Generate;

Or directly call the function in onclick.

import React from "react"; class Generate extends React.Component {   constructor(props) {   super(props)   } handleClick = () => { this.props.currentClick();   }   render() { return (   <div className="gen-box"> <button  type="button"  type="button"   className="gen-btn"    onClick={this.props.currentClick}> generate  generate </button>   </div>   );   } } export default Generate;

You are exposing the function with prop name currentClick. It's like you are assigning function to currentClick.

You can use like this.

import React from "react"; class Generate extends React.Component {   constructor(props) {   super(props)   }   handleClick = () => {   this.props.currentClick();   }   render() { return (   <div className="gen-box"> <button  type="button" className="gen-btn"  onClick={this.handleClick}> generate </button>   </div>   );   } } export default Generate;

Or directly call the function in onclick.

import React from "react"; class Generate extends React.Component {   constructor(props) {   super(props)   } handleClick = () => { this.props.currentClick();   }   render() { return (   <div className="gen-box"> <button  type="button" className="gen-btn"  onClick={this.props.currentClick}> generate </button>   </div>   );   } } export default Generate;

You are exposing the function with prop name currentClick. It's like you are assigning function to currentClick.

You can use like this.

import React from "react"; class Generate extends React.Component { constructor(props) { super(props) } handleClick = () => { this.props.currentClick(); } render() { return ( <div className="gen-box"> <button   type="button"   className="gen-btn"   onClick={this.handleClick}>   generate </button> </div> ); } } export default Generate;

Or directly call the function in onclick.

import React from "react"; class Generate extends React.Component { constructor(props) { super(props) } render() { return ( <div className="gen-box"> <button   type="button"   className="gen-btn"   onClick={this.props.currentClick}>   generate </button> </div> ); } } export default Generate;
Source Link
Sohail Ashraf
Sohail Ashraf
  • 10.7k
  • 3
  • 31
  • 43

You are exposing the function with prop name currentClick. It's like you are assigning function to currentClick.

You can use like this.

import React from "react"; class Generate extends React.Component { constructor(props) { super(props) } handleClick = () => { this.props.currentClick(); } render() { return ( <div className="gen-box"> <button type="button" className="gen-btn" onClick={this.handleClick}> generate </button> </div> ); } } export default Generate;

Or directly call the function in onclick.

import React from "react"; class Generate extends React.Component { constructor(props) { super(props) } handleClick = () => { this.props.currentClick(); } render() { return ( <div className="gen-box"> <button type="button" className="gen-btn" onClick={this.props.currentClick}> generate </button> </div> ); } } export default Generate;