Commented test code
{/* {filteredMonsters.map((monster) => { return (
); })} */} {/* Instead of calling the h1 tag as many times as the data */}
{/* <h1>{this.state.monster1.name}</h1>
<h1>{this.state.monster2.name}</h1>
<h1>{this.state.monster3.name}</h1> */}
{/* Test state code */}
{/** <header className='App-header'>
<img src={logo} className='App-logo' alt='logo' />
<p>Hey {this.state.name.firstName}, I work at {this.state.company}</p>
<button
onClick={() => {
this.setState((state, props) => {
return { name: { firstName: "yousuf", lastName: "adnan" } };
},
() => {
console.log(this.state)
});
// this.state.love_name = "sreya<3";
// console.log(this.state.love_name)
}}
>
Hi shaik
</button>
</header>*/}