pass function with parameter as prop

Embarrassed Echidna answered on September 16, 2020 Popularity 10/10 Helpfulness 2/10

answer pass function with parameter as prop

related how to pass function as props in react

related function pass as prop

pass function with parameter as prop

Comment

class SomeComponent extends Component{

    constructor(props){
        super(props);
        //does whatever stuff        
        this.myFunction = this.myFunction.bind(this);

    }

    //(only applicable to raw and normal forms)
    myFunction(param){
        console.log('do something: ', param);
    }

    render(){
     return (<div><ChildComponent1 myFunction={this.myFunction}/></div>)
    }
}

class ChildComponent1{
      render(){
  return (<div><ChildComponent2 myFunction={this.props.myFunction}/></div>)
    }
}

class ChildComponent2{
      render(){
  return (<Button onClick={()=>this.props.myFunction(param)}>SomeButton</Button>)
    }
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript prop

Link to this answer
Share Copy Link

Contributed on Sep 16 2020

Embarrassed Echidna

0 Answers Avg Quality 2/10

Closely Related Answers

how to pass function as props in react

Comment

const ComponentA = () => {
  const handleClick = () => {
    console.log(`Button is clicked`);
  };

  return <div>
    <button onClick={handleClick}>My Button</button>
  </div>;
};
export default ComponentA;

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Oct 21 2023

Harihar Padhi

0 Answers Avg Quality 2/10

function pass as prop

Comment

-1

import React from 'react';

class NewComponent extends React.Component {

    clickMe = () => {
        this.props.clickMe()
    }

    render() {
        return (
            <div>
                <button onClick={this.clickMe}>Click Me!</button>
            </div>
        )
    }
}

export default NewComponent;

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: dev.to

Tags: function functio

Link to this answer
Share Copy Link

Contributed on Nov 16 2022

Lonely Lobster

0 Answers Avg Quality 2/10

pass function with parameter as prop

Contents

More Related Answers

pass function with parameter as prop

Closely Related Answers

how to pass function as props in react

function pass as prop

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.