Generated Components

For each content type, React components are generated to render the content item, content list, or search result, based on the parameters.

The component can be called as follows:

<Starter_Blog_Author />

Supported parameters for the component:

• id

• search

• limit

• orderBy (name:asc | name:des | updatedDate:des | updatedDate:asc)

The parameters should be passed in inside the match.params object:

{
   …
   match: {
       params: {
       }
   }
}

For example:

class Starter_Blog_PostDetail extends React.Component {
  render() {
    var item = this.props.item;
    if (!item) {
      return (
        <div />
      );
    }
    var authorId = item.fields['starter-blog-post_author'] ? item.fields['starter-
blog-post_author']['id'] : '';
    var authorProps = {match: {params: {id: authorId}}};
    return (
      <div>
      <div className="Starter_Blog_Post">
      <span>{item.fields['starter-blog-post_title']}</span>
      <span>{item.fields['starter-blog-post_summary']}</span>
      <div>{renderHTML(item.fields['starter-blog-post_content'])}</div>
      <span>{item.fields['starter-blog-post_category']}</span>
      <ItemMultiValues type='image' values={item.fields['starter-blog-
post_download_media']}/>
      </div>
      <hr/>
      <Starter_Blog_Author {...authorProps} />
      </div>
    );
  }
}