What would be the output? [React.js]
@Yomesh Gupta
What would be the output when we click on "Add items" button?
class App extends React.Component {
state = {
items: [],
};
handleClick = () => {
const { items } = this.state;
this.setState({
items: [...items, "apple"],
});
this.setState({
items: [...items, "orange"],
});
this.setState({
items: [...items, "mango"],
});
this.setState({
items: [...items, "peach"],
});
};
render() {
const { items } = this.state;
return (
<div className="App">
{" "}
{items.length ? (
<h2> Items are {JSON.stringify(items)} </h2>
) : (
<React.Fragment>
<p> No items found </p>{" "}
<button onClick={this.handleClick}> Add items </button>
</React.Fragment>
)}{" "}
</div>
);
}
}
Option 1
Items are ["apple", "orange", "mango", "peach"]
Option 2
Items are ["peach"]
Option 3
Items are []
Option 4
No items found