生成済コンポーネント
コンテンツ・タイプごとに、パラメータに基づいてコンテンツ・アイテム、コンテンツ・リストまたは検索結果をレンダリングするためのReactコンポーネントが生成されます。
コンポーネントは、次のようにコールできます:
<Starter_Blog_Author />
コンポーネントでサポートされるパラメータは次のとおりです:
-
id
-
search
-
limit
-
orderBy (name:asc | name:des | updatedDate:des | updatedDate:asc)
パラメータはmatch.params
オブジェクト内で渡す必要があります:
{
…
match: {
params: {
}
}
}
たとえば:
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>
);
}
}