Converting to Class Components ❘ 195

[Z-Farook]

Hi @chrisminnick , here you are trying to do what is described on the page on page 195

react-js-foundations/book-code-listings/chapter06/RemindersClass/InputForm.js

Line 3 in e949503

function InputForm(props) {

"
Since all of the state of our application lives in the App component, converting the other components
is straightforward and simple. I’ll show how to convert the first InputForm to a class, and then the
same steps can be followed to convert the others:

1. Import Component from react at the very beginning of the file:
   import {Component} from 'react';
2. Replace the function header with a class header:
   class InputForm extends Component {
3. Wrap the event handler functions and the return statement with the render method and
   change references to props to references to this.props:
   ....
   ....
   "
   But this is not correct here RemindersClass, as you are still using/showing the function component here!!
   Can you fix it, please?

[chrisminnick]

Hi @Z-Farook,

Thanks for writing and for letting me know about this. This is fixed now.

Best,
-Chris