選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

BlogHeadingSection.jsx 692B

123456789101112131415161718192021222324
  1. import React, { Fragment } from 'react';
  2. import Paragraph from './blog-micro-components/Paragraph';
  3. import H1 from './blog-micro-components/H1';
  4. import Image from './blog-micro-components/Image';
  5. import ArticleAuthorSection from './ArticleAuthorSection';
  6. const BlogHeadingSection = ({ data }) => {
  7. return (
  8. <Fragment>
  9. <ArticleAuthorSection
  10. data={{
  11. Author: data.Author,
  12. AuthorTitle: data.AuthorTitle,
  13. AuthorImage: data.AuthorImage,
  14. }}
  15. />
  16. <H1 data={data.ArticleTitle} />
  17. <Paragraph data={data.ArticleDescription} />
  18. <Image data={data.ArticleImage} />
  19. </Fragment>
  20. );
  21. };
  22. export default BlogHeadingSection;