Long description

The JavaScript code consists of 14 lines of code that reads as follows: Line 1: const Logo equals function open parenthesis props close parenthesis open curly brace at indentation level 0. Props in line 1 is labeled The props parameter will contain any objects passed to the component. Line 2: return open angle bracket i m g s r c equals open curly brace props dot filename close curly brace alt equals open curly brace props dot alt close curly brace forward slash close angle bracket semicolon at indentation level 0. open curly brace props dot alt close curly brace in line 2 is labeled JavaScript can be added to JSX but must be enclosed within open curly brace close curly brace. Line 3: close curly brace semicolon at indentation level 0. Line 4: const Title equals function open parenthesis props close parenthesis open curly brace at indentation level 0. Line 5: return open angular bracket h 2 close angular bracket open curly brace props dot label close curly brace open angle bracket forward slash h 2 close angle bracket semicolon at indentation level 1. Line 6: close curly brace semicolon at indentation level 0. Line 4 to 6 is labeled Defines the component. Line 7: const Header equals open parenthesis props close parenthesis equals close angle bracket open curly brace at indentation level 0. Line 8: return close parenthesis at indentation level 1. Line 9: open angle bracket header close angle bracket at indentation level 2. Line 10: open angle bracket Logo filename equals open double quotes logo dot p n g close double quotes alt equals open double quotes Site logo here close double quotes forward slash close angle bracket at indentation level 3. Props dot filename in line 2 corresponds to filename equals open double quotes logo dot p n g close double quotes in line 10. Props dot alt in line 2 corresponds to alt equals open double quotes Site logo here close double quotes in line 10 and is labeled These attribute values will be passed to the component via the props parameter. Line 11: open angle bracket Title label equals open double quotes Site Title close double quotes forward slash close angle bracket at indentation level 3. Line 11 labeled Uses the component. Label in line 11 is labeled You have almost complete freedom to name your attributes anything you’d like. Line 12: open angle bracket forward slash header close angle bracket at indentation level 2. Line 13: close parenthesis semicolon at indentation level 1. Line 14: close curly brace at indentation level 0.