{"width":"100%","blog_title":"new wings","image_url":null,"title":"React \u3067\u30b9\u30b3\u30fc\u30d7\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u9650\u5b9a\u3057\u3066 css \u3092\u9069\u7528\u3059\u308b","blog_url":"https://namaharumaki.hatenablog.com/","description":"CSS Modules github.com React \u3067\u30b9\u30b3\u30fc\u30d7\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u9650\u5b9a\u3057\u3066 css \u3092\u9069\u7528\u3059\u308b\u65b9\u6cd5\u306f\u306a\u3044\u306e\uff1f\u3068\u601d\u3063\u3066\u305f\u3089\u666e\u901a\u306b\u3042\u3063\u305f\u3002create-react-app \u3067\u958b\u59cb\u3057\u305f\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u60f3\u5b9a\u3002 \u251c Button.tsx \u2514 Button.module.css Button.module.css .redButton { background-color: red; } Button.tsx import React from 'react'; import styles from './Button.module.css'; const Button: React.F\u2026","categories":["react","css"],"published":"2020-02-01 12:52:25","version":"1.0","provider_name":"Hatena Blog","author_url":"https://blog.hatena.ne.jp/namaharumaki/","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fnamaharumaki.hatenablog.com%2Fentry%2F2020%2F02%2F01%2F125225\" title=\"React \u3067\u30b9\u30b3\u30fc\u30d7\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u9650\u5b9a\u3057\u3066 css \u3092\u9069\u7528\u3059\u308b - new wings\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","height":"190","provider_url":"https://hatena.blog","author_name":"namaharumaki","url":"https://namaharumaki.hatenablog.com/entry/2020/02/01/125225","type":"rich"}