React Projects

Using the HOC

With the very first HOC in place it's time to think of other components you can create with this HOC, such as a component that is displaying only tickets. The process to create this component consists of two steps: creating the actual component and importing the component and passing the required props to it. Let's get started:

1. Inside the directory containers, we need to create a new file called Tickets.js and place the following code inside it. Where we imported the HOC, set some basic styling with styled-components and create a function component that we can export with the HOC:

import React from 'react';import styled from 'styled-components';import withDataFetching from '../withDataFetching';import Ticket from '../components/Ticket/Ticket'; ...