フレームワーク

React クイックリファレンス

React クイックリファレンス の印刷用チートシート。すばやい参照、学習、机上利用向けに整理されています

ソース
React Documentation (react.dev)
ライセンス
MIT
バリアント
3 ダウンロードオプション
更新日
2026-03-27

サンプル

このチートシートの内容

式と属性

const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;

JSXのルール

{expression}任意のJS式を埋め込む
className`class`の代わりに使用
htmlFor`for`の代わりに使用
style={{color: 'red'}}インラインスタイルをオブジェクトで指定
<Component />自己閉じタグが必須
<> ... </>フラグメント(余分なDOMノードなし)

すべてのセクションを含む印刷用チートシートをダウンロード

PDF をダウンロード

ダウンロード

読み方に合った形式を選ぶ

テキスト形式

プレーンテキストとしてコピーまたはダウンロード

Markdown をダウンロード

コマンド、スニペット、設定をノートやプロンプト、ドキュメントへ貼り付けるのに最適です

Markdown をダウンロード

プレビュー

Web プレビューはすばやく確認するためのものです。印刷用の正式版は PDF です

ブラウザで開く