{"id":3401,"date":"2026-09-12T09:45:30","date_gmt":"2026-09-12T00:45:30","guid":{"rendered":"https:\/\/qol-kk.com\/wp2\/?p=3401"},"modified":"2026-09-12T09:45:30","modified_gmt":"2026-09-12T00:45:30","slug":"20260909-plan024","status":"publish","type":"post","link":"https:\/\/qol-kk.com\/wp2\/blog\/2026\/09\/12\/20260909-plan024\/","title":{"rendered":"React \u306e useState \/ useReducer \u4f7f\u3044\u5206\u3051\u30ac\u30a4\u30c9"},"content":{"rendered":"<h2>\u6982\u8981<\/h2>\n<p>React \u3067\u72b6\u614b\u7ba1\u7406\u3092\u3059\u308b\u3068\u304d\u3001\u307e\u305a\u6700\u521d\u306b\u624b\u304c\u4f38\u3073\u308b\u306e\u306f <code>useState<\/code> \u3067\u3059\u3002\u591a\u304f\u306e\u5834\u9762\u3067\u306f\u305d\u308c\u3067\u5341\u5206\u3067\u3059\u304c\u3001\u72b6\u614b\u304c\u7d61\u307f\u5408\u3063\u3066\u304f\u308b\u3068 <code>useState<\/code> \u306e\u7f85\u5217\u304c\u3060\u3093\u3060\u3093\u7834\u7dbb\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u305d\u3053\u3067\u767b\u5834\u3059\u308b\u306e\u304c <code>useReducer<\/code> \u3067\u3059\u3002<\/p>\n<p>\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001<code>useState<\/code> \u3068 <code>useReducer<\/code> \u306e\u9055\u3044\u3092\u6574\u7406\u3057\u3001\u300c\u3069\u3061\u3089\u3092\u4f7f\u3046\u3079\u304d\u304b\u300d\u3092\u5224\u65ad\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308b\u3053\u3068\u3092\u30b4\u30fc\u30eb\u306b\u3057\u307e\u3059\u3002React \u306e\u57fa\u672c\u3092\u89e6\u3063\u305f\u3053\u3068\u304c\u3042\u308b\u4eba\u5411\u3051\u306e\u5165\u9580\u8a18\u4e8b\u3067\u3059\u3002<\/p>\n<h2>\u524d\u63d0: \u3069\u3061\u3089\u3082\u300c\u72b6\u614b\u3092\u6301\u3064\u300d\u305f\u3081\u306e\u30d5\u30c3\u30af<\/h2>\n<p><code>useState<\/code> \u3082 <code>useReducer<\/code> \u3082\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u72b6\u614b\u3092\u6301\u305f\u305b\u308b\u305f\u3081\u306e\u30d5\u30c3\u30af\u3067\u3059\u3002\u3067\u304d\u308b\u3053\u3068\u306f\u672c\u8cea\u7684\u306b\u540c\u3058\u3067\u3001<code>useReducer<\/code> \u3067\u3067\u304d\u308b\u3053\u3068\u306f <code>useState<\/code> \u3067\u3082\u66f8\u3051\u307e\u3059\u3057\u3001\u9006\u3082\u6210\u308a\u7acb\u3061\u307e\u3059\u3002\u9055\u3046\u306e\u306f\u300c\u72b6\u614b\u306e\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u300d\u3067\u3059\u3002<\/p>\n<ul>\n<li><code>useState<\/code>: \u66f4\u65b0\u65b9\u6cd5\u3092\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5185\u306b\u76f4\u63a5\u66f8\u304f<\/li>\n<li><code>useReducer<\/code>: \u66f4\u65b0\u65b9\u6cd5\u3092 <code>reducer<\/code> \u95a2\u6570\u306b\u5207\u308a\u51fa\u3057\u3001\u300c\u30a2\u30af\u30b7\u30e7\u30f3\u300d\u3092\u9001\u3063\u3066\u66f4\u65b0\u3059\u308b<\/li>\n<\/ul>\n<h2>useState \u306e\u57fa\u672c<\/h2>\n<pre class=\"lang:default decode:true\">import { useState } from \"react\";\n\nfunction Counter() {\n  const [count, setCount] = useState(0);\n\n  return (\n    &lt;div&gt;\n      &lt;p&gt;count: {count}&lt;\/p&gt;\n      &lt;button onClick={() =&gt; setCount((prev) =&gt; prev + 1)}&gt;+1&lt;\/button&gt;\n      &lt;button onClick={() =&gt; setCount((prev) =&gt; prev - 1)}&gt;-1&lt;\/button&gt;\n      &lt;button onClick={() =&gt; setCount(0)}&gt;reset&lt;\/button&gt;\n    &lt;\/div&gt;\n  );\n}<\/pre>\n<p><code>useState(\u521d\u671f\u5024)<\/code> \u306f <code>[\u73fe\u5728\u306e\u5024, \u66f4\u65b0\u95a2\u6570]<\/code> \u3092\u8fd4\u3057\u307e\u3059\u3002\u5358\u4e00\u306e\u5024\u3001\u3042\u308b\u3044\u306f\u72ec\u7acb\u3057\u305f\u5c11\u6570\u306e\u5024\u3092\u6271\u3046\u3076\u3093\u306b\u306f\u3001\u3053\u308c\u304c\u3044\u3061\u3070\u3093\u8aad\u307f\u3084\u3059\u3044\u66f8\u304d\u65b9\u3067\u3059\u3002\u524d\u306e\u72b6\u614b\u306b\u4f9d\u5b58\u3059\u308b\u66f4\u65b0\u306f\u3001<code>setCount((prev) =&gt; prev + 1)<\/code> \u306e\u3088\u3046\u306b\u95a2\u6570\u5f62\u5f0f\u3067\u66f8\u304f\u306e\u304c\u5b89\u5168\u3067\u3059\u3002<\/p>\n<h2>useState \u304c\u82e6\u3057\u304f\u306a\u308b\u77ac\u9593<\/h2>\n<p><code>useState<\/code> \u306f\u624b\u8efd\u3067\u3059\u304c\u3001\u72b6\u614b\u304c\u5897\u3048\u3066\u9023\u52d5\u3057\u59cb\u3081\u308b\u3068\u7dbb\u3073\u307e\u3059\u3002\u305f\u3068\u3048\u3070\u300c\u9001\u4fe1\u30dc\u30bf\u30f3\u3092\u62bc\u3057\u305f\u3089 <code>isSubmitting<\/code> \u3092 true \u306b\u3057\u3001<code>errors<\/code> \u3092\u30af\u30ea\u30a2\u3059\u308b\u300d\u3068\u3044\u3046\u51e6\u7406\u306f\u3001\u8907\u6570\u306e\u66f4\u65b0\u95a2\u6570\u3092\u4e26\u3079\u3066\u547c\u3076\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">const handleSubmit = () =&gt; {\n  setIsSubmitting(true);\n  setErrors({}); \/\/ \u2190 \u3053\u308c\u3092\u66f8\u304d\u5fd8\u308c\u308b\u3068\u524d\u56de\u306e\u30a8\u30e9\u30fc\u304c\u6b8b\u308b\n  \/\/ ...\n};<\/pre>\n<p>\u3053\u3046\u3057\u305f\u300c\u72b6\u614b\u9077\u79fb\u306e\u30eb\u30fc\u30eb\u300d\u304c\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306e\u3042\u3061\u3053\u3061\u306b\u6563\u3089\u3070\u308b\u3068\u3001\u547c\u3073\u5fd8\u308c\u306b\u3088\u3063\u3066\u72b6\u614b\u304c\u77db\u76fe\u3057\u3001\u30d0\u30b0\u306e\u6e29\u5e8a\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<h2>useReducer \u306e\u57fa\u672c<\/h2>\n<p><code>useReducer<\/code> \u306f\u3001\u72b6\u614b\u306e\u66f4\u65b0\u30eb\u30fc\u30eb\u3092 <code>reducer<\/code> \u3068\u3044\u3046 1 \u3064\u306e\u95a2\u6570\u306b\u307e\u3068\u3081\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">import { useReducer } from \"react\";\n\ntype State = { count: number };\ntype Action =\n  | { type: \"increment\" }\n  | { type: \"decrement\" }\n  | { type: \"reset\" };\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case \"increment\":\n      return { count: state.count + 1 };\n    case \"decrement\":\n      return { count: state.count - 1 };\n    case \"reset\":\n      return { count: 0 };\n    default:\n      return state;\n  }\n}\n\nfunction Counter() {\n  const [state, dispatch] = useReducer(reducer, { count: 0 });\n\n  return (\n    &lt;div&gt;\n      &lt;p&gt;count: {state.count}&lt;\/p&gt;\n      &lt;button onClick={() =&gt; dispatch({ type: \"increment\" })}&gt;+1&lt;\/button&gt;\n      &lt;button onClick={() =&gt; dispatch({ type: \"decrement\" })}&gt;-1&lt;\/button&gt;\n      &lt;button onClick={() =&gt; dispatch({ type: \"reset\" })}&gt;reset&lt;\/button&gt;\n    &lt;\/div&gt;\n  );\n}<\/pre>\n<p>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u5074\u306f\u300c\u4f55\u304c\u8d77\u304d\u305f\u304b\uff08\u30a2\u30af\u30b7\u30e7\u30f3\uff09\u300d\u3092 <code>dispatch<\/code> \u3059\u308b\u3060\u3051\u3067\u3001\u300c\u3069\u3046\u66f4\u65b0\u3059\u308b\u304b\u300d\u3092\u77e5\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u304c reducer \u306b\u96c6\u7d04\u3055\u308c\u308b\u306e\u304c\u6700\u5927\u306e\u5229\u70b9\u3067\u3059\u3002<\/p>\n<h2>\u9023\u52d5\u3059\u308b\u72b6\u614b\u3092 reducer \u306b\u96c6\u7d04\u3059\u308b<\/h2>\n<pre class=\"lang:default decode:true\">type State = {\n  isSubmitting: boolean;\n  errors: Record&lt;string, string&gt;;\n};\n\ntype Action =\n  | { type: \"submitStart\" }\n  | { type: \"submitError\"; errors: Record&lt;string, string&gt; }\n  | { type: \"submitSuccess\" };\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case \"submitStart\":\n      \/\/ \u300c\u9001\u4fe1\u958b\u59cb\u300d\u306b isSubmitting=true \u3068 errors \u30af\u30ea\u30a2\u304c\u5fc5\u305a\u30bb\u30c3\u30c8\u306b\u306a\u308b\n      return { ...state, isSubmitting: true, errors: {} };\n    case \"submitError\":\n      return { ...state, isSubmitting: false, errors: action.errors };\n    case \"submitSuccess\":\n      return { ...state, isSubmitting: false };\n    default:\n      return state;\n  }\n}<\/pre>\n<p>\u300c\u9001\u4fe1\u958b\u59cb\u300d\u3068\u3044\u3046 1 \u30a2\u30af\u30b7\u30e7\u30f3\u306b\u8907\u6570\u306e\u66f4\u65b0\u30eb\u30fc\u30eb\u304c\u307e\u3068\u307e\u308a\u307e\u3057\u305f\u3002\u547c\u3073\u51fa\u3057\u5074\u306f <code>dispatch({ type: \"submitStart\" })<\/code> \u3092\u9001\u308b\u3060\u3051\u3067\u3001\u547c\u3073\u5fd8\u308c\u306b\u3088\u308b\u77db\u76fe\u304c\u8d77\u304d\u307e\u305b\u3093\u3002<\/p>\n<h2>\u578b\u3067\u4e0d\u6574\u5408\u3092\u9632\u3050: \u975e\u540c\u671f\u51e6\u7406\u306e\u72b6\u614b\u9077\u79fb<\/h2>\n<p><code>useReducer<\/code> \u304c\u6700\u3082\u6d3b\u304d\u308b\u306e\u306f\u3001\u5224\u5225\u53ef\u80fd\u306a\u30e6\u30cb\u30aa\u30f3\u578b\uff08discriminated union\uff09\u3068\u7d44\u307f\u5408\u308f\u305b\u305f\u72b6\u614b\u9077\u79fb\u3067\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">type State =\n  | { status: \"idle\" }\n  | { status: \"loading\" }\n  | { status: \"success\"; data: string[] }\n  | { status: \"error\"; message: string };\n\ntype Action =\n  | { type: \"fetch\" }\n  | { type: \"resolve\"; data: string[] }\n  | { type: \"reject\"; message: string };\n\nfunction reducer(state: State, action: Action): State {\n  switch (action.type) {\n    case \"fetch\":\n      return { status: \"loading\" };\n    case \"resolve\":\n      return { status: \"success\", data: action.data };\n    case \"reject\":\n      return { status: \"error\", message: action.message };\n    default:\n      return state;\n  }\n}<\/pre>\n<p><code>status<\/code> \u3092\u30e6\u30cb\u30aa\u30f3\u578b\u306b\u3059\u308b\u3068\u3001\u300cloading \u306a\u306e\u306b data \u304c\u5165\u3063\u3066\u3044\u308b\u300d\u3068\u3044\u3063\u305f\u4e0d\u6574\u5408\u306a\u72b6\u614b\u3092\u578b\u30ec\u30d9\u30eb\u3067\u4f5c\u308c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<code>useState<\/code> \u3092\u4e26\u3079\u308b\u66f8\u304d\u65b9\u3067\u306f\u3053\u306e\u8868\u73fe\u306f\u96e3\u3057\u304f\u3001<code>useReducer<\/code> \u306e\u5f37\u307f\u304c\u51fa\u308b\u5834\u9762\u3067\u3059\u3002<\/p>\n<h2>\u4f7f\u3044\u5206\u3051\u306e\u5224\u65ad\u57fa\u6e96<\/h2>\n<h3>useState \u3092\u9078\u3076<\/h3>\n<ul>\n<li>\u72b6\u614b\u304c\u5358\u4e00\u3001\u307e\u305f\u306f\u72ec\u7acb\u3057\u305f\u5c11\u6570\u306e\u5024<\/li>\n<li>\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u304c\u5358\u7d14\uff08\u30c8\u30b0\u30eb\u3001\u5165\u529b\u5024\u3001\u30d5\u30e9\u30b0\uff09<\/li>\n<li>\u72b6\u614b\u540c\u58eb\u304c\u9023\u52d5\u3057\u306a\u3044<\/li>\n<\/ul>\n<h3>useReducer \u3092\u9078\u3076<\/h3>\n<ul>\n<li>\u8907\u6570\u306e\u5024\u304c\u3072\u3068\u307e\u3068\u307e\u308a\u3067\u540c\u6642\u306b\u5909\u5316\u3059\u308b<\/li>\n<li>\u6b21\u306e\u72b6\u614b\u304c\u524d\u306e\u72b6\u614b\u306b\u4f9d\u5b58\u3059\u308b\u8907\u96d1\u306a\u9077\u79fb\u304c\u3042\u308b<\/li>\n<li>\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u66f4\u65b0\u95a2\u6570\u304c\u6563\u3089\u3070\u3063\u3066\u304d\u305f<\/li>\n<li>\u72b6\u614b\u9077\u79fb\u3092\u30c6\u30b9\u30c8\u3057\u305f\u3044\uff08reducer \u306f\u7d14\u7c8b\u95a2\u6570\u3067\u5358\u4f53\u30c6\u30b9\u30c8\u3057\u3084\u3059\u3044\uff09<\/li>\n<\/ul>\n<h3>\u8ff7\u3063\u305f\u3089<\/h3>\n<p>\u307e\u305a <code>useState<\/code> \u3067\u66f8\u304d\u59cb\u3081\u3066\u69cb\u3044\u307e\u305b\u3093\u3002\u300c\u547c\u3073\u5fd8\u308c\u304c\u6016\u3044\u300d\u300c\u540c\u3058\u7d44\u307f\u5408\u308f\u305b\u306e\u66f4\u65b0\u3092\u4f55\u5ea6\u3082\u66f8\u3044\u3066\u3044\u308b\u300d\u3068\u611f\u3058\u305f\u3089 <code>useReducer<\/code> \u3078\u30ea\u30d5\u30a1\u30af\u30bf\u3059\u308b\u30b5\u30a4\u30f3\u3067\u3059\u3002\u6700\u521d\u304b\u3089\u51dd\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n<h2>\u30c6\u30b9\u30c8\u306e\u3057\u3084\u3059\u3055<\/h2>\n<p>reducer \u306f\u7d14\u7c8b\u95a2\u6570\u306a\u306e\u3067\u3001\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u3092\u63cf\u753b\u305b\u305a\u306b\u5358\u4f53\u30c6\u30b9\u30c8\u3067\u304d\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true\">test(\"increment\", () =&gt; {\n  expect(reducer({ count: 0 }, { type: \"increment\" })).toEqual({ count: 1 });\n});<\/pre>\n<h2>\u6ce8\u610f\u70b9<\/h2>\n<ul>\n<li>reducer \u306f\u7d14\u7c8b\u95a2\u6570\u306b\u3059\u308b\u3002API \u547c\u3073\u51fa\u3057\u3084 <code>Date.now()<\/code> \u306a\u3069\u306e\u526f\u4f5c\u7528\u3092\u4e2d\u306b\u66f8\u304b\u306a\u3044\u3002\u526f\u4f5c\u7528\u306f <code>useEffect<\/code> \u3084\u30a4\u30d9\u30f3\u30c8\u30cf\u30f3\u30c9\u30e9\u5074\u306b\u7f6e\u304f\u3002<\/li>\n<li>state \u306f\u30a4\u30df\u30e5\u30fc\u30bf\u30d6\u30eb\u306b\u66f4\u65b0\u3059\u308b\uff08<code>{ ...state, ... }<\/code>\uff09\u3002\u7834\u58ca\u7684\u5909\u66f4\u306f\u3057\u306a\u3044\u3002<\/li>\n<li><code>useReducer<\/code> \u306f\u4e07\u80fd\u85ac\u3067\u306f\u306a\u3044\u3002\u5358\u7d14\u306a\u72b6\u614b\u306b\u6301\u3061\u8fbc\u3080\u3068\u8a18\u8ff0\u91cf\u304c\u5897\u3048\u3066\u8aad\u307f\u306b\u304f\u304f\u306a\u308b\u3002<\/li>\n<li>\u30b0\u30ed\u30fc\u30d0\u30eb\u306a\u72b6\u614b\u5171\u6709\u304c\u76ee\u7684\u306a\u3089 <code>useReducer<\/code> + Context \u304b\u72b6\u614b\u7ba1\u7406\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u691c\u8a0e\u3059\u308b\u3002\u30ed\u30fc\u30ab\u30eb\u72b6\u614b\u306e\u6574\u7406\u3068\u306f\u5225\u306e\u554f\u984c\u3002<\/li>\n<\/ul>\n<h2>\u307e\u3068\u3081<\/h2>\n<ul>\n<li><code>useState<\/code> \u3068 <code>useReducer<\/code> \u306f\u3067\u304d\u308b\u3053\u3068\u306f\u540c\u3058\u3002\u9055\u3044\u306f\u300c\u66f4\u65b0\u30ed\u30b8\u30c3\u30af\u3092\u3069\u3053\u306b\u7f6e\u304f\u304b\u300d\u3002<\/li>\n<li>\u5358\u4e00\u30fb\u72ec\u7acb\u30fb\u5358\u7d14\u306a\u72b6\u614b\u306f <code>useState<\/code>\u3002<\/li>\n<li>\u8907\u6570\u306e\u5024\u304c\u9023\u52d5\u3059\u308b\u30fb\u9077\u79fb\u304c\u8907\u96d1\u30fb\u30c6\u30b9\u30c8\u3057\u305f\u3044\u306a\u3089 <code>useReducer<\/code>\u3002<\/li>\n<li>\u307e\u305a <code>useState<\/code> \u3067\u59cb\u3081\u3001\u7dbb\u3093\u3067\u304d\u305f\u3089 <code>useReducer<\/code> \u3078\u3002\u6700\u521d\u304b\u3089\u51dd\u308b\u5fc5\u8981\u306f\u306a\u3044\u3002<\/li>\n<\/ul>\n<p>\u300c\u72b6\u614b\u304c\u7d61\u307f\u5408\u3063\u3066\u304d\u305f\u306a\u300d\u3068\u611f\u3058\u305f\u3068\u304d\u306b <code>useReducer<\/code> \u3092\u601d\u3044\u51fa\u305b\u308c\u3070\u3001\u3053\u306e\u8a18\u4e8b\u306e\u76ee\u7684\u306f\u9054\u6210\u3067\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>React \u3067\u72b6\u614b\u7ba1\u7406\u3092\u3059\u308b\u3068\u304d\u3001\u307e\u305a\u6700\u521d\u306b\u624b\u304c\u4f38\u3073\u308b\u306e\u306f useState \u3067\u3059\u3002\u591a\u304f\u306e\u5834\u9762\u3067\u306f\u305d\u308c\u3067\u5341\u5206\u3067\u3059\u304c\u3001\u72b6\u614b\u304c\u7d61\u307f\u5408\u3063\u3066\u304f\u308b\u3068 useState \u306e\u7f85\u5217\u304c\u3060\u3093\u3060\u3093\u7834\u7dbb\u3057\u3066\u3044\u304d\u307e\u3059\u3002\u305d\u3053\u3067\u767b\u5834\u3059\u308b\u306e\u304c useReducer \u3067\u3059\u3002<\/p>\n","protected":false},"author":1,"featured_media":3400,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[36],"tags":[1161,1188],"class_list":["post-3401","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript-memorandum","tag-react","tag-1188"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_publicize_connections":[],"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/qol-kk.com\/wp2\/wp-content\/uploads\/2026\/09\/20260909-plan024-thumbnail.jpg","_links":{"self":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/3401","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/comments?post=3401"}],"version-history":[{"count":1,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/3401\/revisions"}],"predecessor-version":[{"id":3402,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/3401\/revisions\/3402"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media\/3400"}],"wp:attachment":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media?parent=3401"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/categories?post=3401"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/tags?post=3401"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}