これは2回目の投稿です！だんだん慣れてきました！

import Markdown from 'react-markdown';
import rehypeRaw from 'rehype-raw';
import rehypeSanitize from 'rehype-sanitize';
import Typograf from 'typograf';
import styles from './PostFull.module.css';

const PostFull = ({ id, fulltext }) => {

    const tp = new Typograf({ locale: ['ru', 'en-US'] });
    const postFulltextTypografed = tp.execute(`${fulltext}`);

    return (
        <article className={styles.article} itemScope={true} itemType="http://schema.org/Article">
            ...
            <div className={styles.body}>
                <div className={styles.content} itemProp="articleBody">
                    <Markdown rehypePlugins={[rehypeRaw, rehypeSanitize]}>
                            {postFulltextTypografed}
                    </Markdown>
                </div>
            </div>
        </article>
    );
};

export default PostFull;

←ホームに戻る