Create & Use Helper Functions | React Component

#react

You can use helper functions just like other frameworks. Also, you can achieve code reusability by using these functions.

In the blow example, we have to create a helper class and use to it.

As an Example,

Helpers.js

plus(x, y){
     return x+y;
}

Import and Use of Helper methods in calculator components,

import React from 'react';
import { plus, minus } from './Helpers'

class CalculatorComponents extends React.Component {
    constructor(props){
        super(props);
        this.yourClickFunction=this.yourClickFunction.bind(this);
    }

    yourClickFunction(x, y){
      console.log(this.plus(x, y)); //Output will be (10, 20) => 30
    }

    render() {
        return (
            <div >
                <h4 >React Helper functions</ h4>
                < button onClick={this.yourClickFunction(10, 20)}>Click..</ button >
            </div >
        );
    }
}
export default CalculatorComponents;