Identify the components and elements and events in the following script. Using your own word, explain how the page is rendered and events are handled. 1 import./App.css'; 2 import React from 'react'; 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 export default App; class User extends React.Component { constructor (props) { super (props); } } static getDerivedStateFromProps (nextProps, prevState) { } this.state = { userName: this.props.userName, backcolor: props.backcolor }; this.onClicked = this.onClicked.bind(this); onclicked () { } } render() { return Hello dear {this.state.userName} ! );