haldarmahesh

import React, { Component } from 'react';
export default class Row extends Component {
  render() {
    return(
      <div>
        Mahesh
      </div>
      );
  }
}

haldarmahesh

console.log(%c Stop!', 'font-weight: bold; font-size: 50px;color: red; text-shadow: 1px 1px 0px black, 1px -1px 0px black,-1px 1px 0px black, -1px -1px 0px black;');

haldarmahesh

<div class="tree-cleansheet active" id="createTreeTabContainer">
    <form action="">
        <div class="add-on-header row">
            <div class="table-action">
                <button class="undo-btn" id="undoBtn">
                    <i class="undo"></i>
                    <span>Undo</span>
                </button>
                <button class="redo-btn" id="redoBtn">
                    <i class="redo"></i>

haldarmahesh

{
  "prime": "con",
  "number_set": {
    "balancesheet": [
      [
        "Share Capital",
        {
          "2008-03-31": 286,
          "2009-03-31": 286,
          "2014-03-31": 286,

haldarmahesh

class ContraMusicPlayer extends React.Component
constructor(props) {
  super(props);
  this.state = {
    volume: 70,
    status: 'pause'
  }
}
ContraMusicPlayer.defaultProps = {
  theme: 'dark'

haldarmahesh

class ContraMusicPlayer extends React.Component
constructor(props) {
  super(props);
  this.state = {
    volume: 70,
    status: 'pause'
  }
}
ContraMusicPlayer.defaultProps = {
  theme: 'dark'

haldarmahesh

shouldComponentUpdate(nextProps, nextState) {
  let shouldUpdate = this.props.status !== nextProps.status;
  return shouldUpdate;
}

haldarmahesh

componentWillUpdate(nextProps, nextState) {
}

haldarmahesh

componentDidUpdate(prevProps, prevState) {

}

haldarmahesh

componentWillReceiveProps(nextProps) {
  if (this.props.status !== nextProps.status) {
    this.setState({
      status: nextProps.status
    });
  }
}