What is the Output, And how it runs?

1 import './App.css'; 3 4 md 10 10 6 7 import React from 'react'; class User extends React.Component { constructor(props) { 8 9 } 10 super(props); this.state = { userName: this.props.userName, backcolor: props.backcolor }; this.onClicked = this.onClicked.bind(this); static getDerivedStateFromProps (nextProps, prevState) { 11 12 13 } 14 15 } 16 17 18 19 20 onClicked() { this.setState({backcolor: "blue"}); render() { return Hello dear {this.state.userName}! class App extends React.Component { render() { return ( ); } 21 } 22 23 24 25 26 27 } 28 WN 29 30 export default App;