Mayankgupta688

import React from "react";

export default function ShowEmployeeSalaryDetails(props) {
    return (
        <div>
            <p>Employee Name: {props.name}</p>
            <p>Employee Salary: {props.salary}</p>
            <p>Employee Bonus: {props.bonus}</p>
        </div>

Mayankgupta688

import React from "react";

var HigherOrderComponent = function(WrappedComponent) {
    return class EmployeeDetailComponents extends React.Component {

        constructor() {
            super();
            this.state = getEmployeeData();
        }

Mayankgupta688

var EmployeeBasicDetails = HigherOrderComponent(ShowEmployeeBasicDetails);

var EmployeeSalaryDetails = HigherOrderComponent(ShowEmployeeSalaryDetails);

Mayankgupta688

function getEmployeeData() {
    return {
        name: "Mayank",
        age: 30,
        designation: "Developer",
        salary: 30000,
        bonus: 2000
    }
}

Mayankgupta688

class EmployeeDetails extends React.Component {
  constructor() {
    super();
    this.state = {
      name: "Mayank",
      age: 31,
      designation: "Senior Developer"
    }
  }

Mayankgupta688

import React, { useState } from "react";

export default function EmployeeDetails()  {

    const [name] = useState("Mayank");
    const [age, setAge] = useState(31);
    const [designation] = useState("Senior Developer");
    
    function updateEmployeeAge() {

Mayankgupta688

const [name, setName] = useState("Mayank");

Mayankgupta688

var stateVariableForName = useState("Mayank");

// Getter for the state value created..
var name = stateVariableForName[0];

// Setter for the state variable created..
var setName = stateVariableForName[1];

Mayankgupta688

function EmployeeDetails(props) {
  return (
    <div>
      <p>Employee Name: {props.name}</p>
      <p>Employee Age: {props.age}</p>
      <p>Employee Designation: {props.designation}</p>
    </div>
  )
}

Mayankgupta688

function* customGenerator() {
  yield 1;
  yield 2;
  yield 3; 
}

var getIterator = customGenerator();