function pass as prop

Lonely Lobster answered on September 16, 2020 Popularity 9/10 Helpfulness 1/10

answer function pass as prop

related pass function with parameter as prop

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 prop whatever

Link to this answer
Share Copy Link

Contributed on Nov 16 2022

Lonely Lobster

0 Answers Avg Quality 2/10

Closely Related Answers

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 j

Link to this answer
Share Copy Link

Contributed on Sep 16 2020

Embarrassed Echidna

0 Answers Avg Quality 2/10

function pass as prop

Contents

More Related Answers

function pass as prop

Closely Related Answers

pass function with parameter as prop

Grepper

Documentation

Social

Legal

Contact

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