Skip to Main Content
React Projects
book

React Projects

by Roy Derks
December 2019
Intermediate to advanced content levelIntermediate to advanced
474 pages
10h 3m
English
Packt Publishing
Content preview from 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'; ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

React Projects - Second Edition

React Projects - Second Edition

Roy Derks
Test-Driven React

Test-Driven React

Trevor Burnham

Publisher Resources

ISBN: 9781789954937Supplemental Content