エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Gatsby にタグ機能を追加 | suzukalight.com
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Gatsby にタグ機能を追加 | suzukalight.com
import React from 'react'; import { Link } from 'gatsby'; import kebabCase from 'lodash/kebabCase... import React from 'react'; import { Link } from 'gatsby'; import kebabCase from 'lodash/kebabCase'; import styles from './index.module.scss'; const Tag = ({ tag }) => ( <Link className={styles.link} to={`/tags/${kebabCase(tag)}/`}> <li className={styles.tag}>{tag}</li> </Link> ); const Tags = ({ tags }) => ( <ul className={styles.tags}> {(tags || []).map(tag => ( <Tag key={tag} tag={tag} /> ))} </