Creating custom function in React component

Question

I have a React component

export default class Archive extends React.Component { 
   ...
}

componentDidMount and onClick

Answer 1

You can try this.

// Author: Hannad Rehman Sat Jun 03 2017 12:59:09 GMT+0530 (India Standard Time)

import React from 'react';
import RippleButton from '../../Components/RippleButton/rippleButton.jsx';

class HtmlComponents extends React.Component {

    constructor(props){
        super(props);
        this.rippleClickFunction=this.rippleClickFunction.bind(this);
    }

    rippleClickFunction(){
        //do stuff. 
        // foo==bar
    }

    render() {
      return (
         

             
React Components
             
         
      );
   }
}

export default HtmlComponents;

Yhe only concern is you have to bind the context to the function