React Syntax Drills

Question 1

Functional Component

Answer 1

Question 2

import React

Answer 2

Question 3

Destructing import statements

Answer 3

Question 4

importing a component to the App.js file

Answer 4

Question 5

CSS import statement for component

Answer 5

Question 6

Declaring a class

Answer 6

Question 7

fetch API call in componentDidMount

Answer 7

Question 8

setState() method with call back function

Answer 8

Question 9

Destructuring the state attributes

Answer 9

Question 10

using Ternary operator to decide whether to mount component

Answer 10

Question 11

.filter() method

Answer 11

Question 12

.map() method

Answer 12

Question 13

Custom tags with attributes that are accessed with props when rendering the custom component

Answer 13

Question 14

Syntax for adding a img from the state to a component.

Answer 14

Question 15

avoiding user memory leaks when the App component unmounts

Answer 15

Question 16

8) Syntax example for a userReducer function

Answer 16