Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

create two buttons using the React import React from react; / / import logo from . / logo . svg ; import

create two buttons using the React 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 (

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Transact SQL Cookbook Help For Database Programmers

Authors: Ales Spetic, Jonathan Gennick

1st Edition

1565927567, 978-1565927568

More Books

Students also viewed these Databases questions

Question

8. Explain the relationship between communication and context.

Answered: 1 week ago

Question

d. How were you expected to contribute to family life?

Answered: 1 week ago