create and define the button function.import React from "react";

$//$ import logo from $"./$logo$.$svg$"$;

import $"./$App$.$css$"$;

import Disney from $"./$examples$/$Disney$"$;

class App extends React.Component $\{$

state $=\{$

currentUser: $\{$

firstName: "Mickey",

lastName: "Mouse",

friends: $[\{$ name: "Minnie" $\},\{$ name: "Pluto" $\}],$

age: $80,$

$\},$

other: $\{$ prop: "Same" $\},$

somethingElse: "Same",

$\}$;

$//$ onItemClicked $=($e$)=>\{$

$//$ e$.$stopPropagation$()$;

$//$ e$.$preventDefault$()$;

$//$ console.log$("$I was clicked", e$.$currentTarget$)$;

$//$ console.log$("$Here is state, this.state.zipCode"$)$;

$//$ console.log$("$Here is state", this.state$)$;

$//\}$

componentDidMount$()\{$

console.log$("$componentDidMount$")$;

console.assert$($this$.$state$)$;

this.setState$(($prevState$)=>\{$

let currentUser $=\{...$prevState.currentUser $\}$;

currentUser.firstName $=$ "Michael";

const newFriends $=[...$currentUser.friends, $\{$ name: "Googy" $\}]$;

currentUser.friends $=$ newFriends;

return $\{$ currentUser $\}$;

$\})$;

$\}$

sayHello $=($msg$)=>\{$

console.log$($msg$)$;

$\}$;

render$()\{$

this.sayHello$("$From App Component"$)$;

return $($