React - Center a component horizontally and vertically

In this tutorial, we are going to learn about how to center a component horizontally and vertically in React with the help of examples. Consider, we have the following component in our react app: To center a component horizontally and vertically in React, add the display:flex, justify-content: center and align-items: center to the react component CSS class.