Exercise v3.0

×

×

Correct!

Render a <p> element using JSX.

const paragraph = @(3)This is a paragraph using JSX!@(4); const root = ReactDOM.createRoot(document.getElementById('root')); root.render(paragraph);

const paragraph = <p>This is a paragraph using JSX!</p>; const root = ReactDOM.createRoot(document.getElementById('root')); root.render(paragraph);

const paragraph = <P>This is a paragraph using JSX!</P>; const root = ReactDOM.createRoot(document.getElementById('root')); root.render(paragraph);

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

React Get Started

Exercise 1 Go to React Get Started Tutorial

React ES6 Arrow Function

Exercise 1 Go to React ES6 Arrow Function Tutorial

React ES6 Variables

Exercise 1 Go to React ES6 Variables Tutorial

React ES6 Array Methods

Exercise 1 Go to React ES6 Array Methods Tutorial

React ES6 Destructuring

Exercise 1 Exercise 2 Go to React ES6 Destructuring Tutorial

React ES6 Spread

Exercise 1 Go to React ES6 Spread Tutorial

React ES6 Ternary

Exercise 1 Go to React ES6 Ternary Tutorial

React JSX

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to React JSX Tutorial

React Components

Exercise 1 Exercise 2 Go to React Components Tutorial

React Props

Exercise 1 Go to React Props Tutorial

React Events

Exercise 1 Go to React Events Tutorial

React Conditionals

Exercise 1 Go to React Conditionals Tutorial

React Lists

Exercise 1 Go to React Lists Tutorial

React Hooks useState

Exercise 1 Go to React Hooks useState Tutorial

React Hooks useEffect

Exercise 1 Go to React Hooks useEffect Tutorial

React CSS Styling

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to React CSS Styling Tutorial

×

Reset the Score?

This will reset the score of ALL 24 exercises.

Are you sure you want to continue?

×

Congratulations!

You have finished all 24 React exercises.

Share your score: