Attributes In JSX

JSX elements can have attributes, just like HTML elements can.

A JSX attribute is written using HTML-like syntax: a name, followed by an equals sign, followed by a value. The value should be wrapped in quotes, like this:

Here are some JSX elements with attributes: 

A single JSX element can have many attributes, just like in HTML: 

Instructions

1.Declare a constant named p1.

Set p1 equal to a JSX <p></p> element. Write the word foo in between the <p></p> tags.

2.On the next line, declare a constant named p2.

Set p2 equal to another JSX <p></p> element. Write the word bar in between the <p></p> tags.

3.Give the first <p></p> an id attribute of 'large'.

Give the second <p></p> an id attribute of 'small'.