immutability helpers react code example

Example: immutability helper

import React, { Component } from "react";
import "./styles.css";
import update from "immutability-helper";

class App extends Component {
  state = {
    pizzas: {
      margherita: {
        toppings: ["tomato sauce", "mozzarella cheese"],
        prices: [{ small: "5.00" }, { medium: "6.00" }, { large: "7.00" }]
      },
      prosciutto: {
        toppings: ["tomato sauce", "mozzarella cheese", "ham"],
        prices: {
          small: "6.50",
          medium: "7.50",
          large: "8.50"
        }
      }
    },
    person: {
      name: "ssrk bhai"
    }
  };

  sayHello = () => {
    this.setState(
      {
        pizzas: update(this.state.pizzas, {
          margherita: { prices: { $push: [{ ghana: 45 }] } }
        })
      },
      () => {
        console.log(this.state);
      }
    );
  };

  render() {
    return (
      <div className="App">
        <h1>Hello CodeSandbox</h1>
        <h2>Start editing to see some magic happen!</h2>
        <button onClick={this.sayHello}>Click me!</button>
      </div>
    );
  }
}

export default App;