Lists Components

Lists and other things that are almost components

Instead of making a separate component for lists I can then generate the results like:

const SearchSuggestions = (props) => {
  // renderSearchSuggestion() behaves as a pseudo SearchSuggestion component
  // keep it self contained and it should be easy to extract later if needed
  const renderSearchSuggestion = listItem => (
    <li key={}>{} {}</li>

  return (

If things get more complex or you want to use this component elsewhere, you should be able to copy/paste the code out into a new component. Don’t prematurely componentize.

results matching ""

    No results matching ""