search

ozbo1973 / bwa-u3-jammming-prj

0 stars 0 forks source link

Stateless functional components #3

Open ghost opened 7 years ago

ghost commented 7 years ago

https://github.com/ozbo1973/bwa-u3-jammming-prj/blob/master/Jamming-Review/src/Components/SearchResults/SearchResults.js

The class syntax is the standard way to define a React component. But it's kind of a lot of ritual for a component that doesn't refer to this.state and only has a render() function.

In these situations, it's often preferable to write your component as a stateless functional component rather than a full blown component using class.

https://facebook.github.io/react/docs/components-and-props.html

ozbo1973 commented 6 years ago

I changed to a function but kept getting an error. Then I re-read the article you linked and I needed to remove "this" from the {this.props.searchResults) in the TrackList component instance. Thanks again for your feedback and tips.