{"id":1643,"date":"2024-01-30T12:28:13","date_gmt":"2024-01-30T11:28:13","guid":{"rendered":"https:\/\/codeflarelimited.com\/blog\/?p=1643"},"modified":"2024-01-30T15:50:13","modified_gmt":"2024-01-30T14:50:13","slug":"how-to-pass-parameters-between-components-in-react","status":"publish","type":"post","link":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/","title":{"rendered":"How to Pass Parameters Between Components in React"},"content":{"rendered":"\n<p>We can pass parameters easily between two components in React. Passing data between components is a fundamental aspect of building dynamic and interactive applications.<\/p>\n\n\n\n<p>In this article, we shall see how to pass data in one component and receive it in another component.<\/p>\n\n\n\n<p>To begin, you have to first install react router, if you don&#8217;t already have it installed:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">yarn add react-router-dom<\/code><\/pre>\n\n\n\n<p>Next, we create a file called<strong> RouteScreen.js<\/strong>. We&#8217;ll create two files and pass data between them.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">import React from 'react'\nimport ( BrowserRouter as Router, Routes, Route } from 'react-router-dom'\nimport Home from '.\/App':\nimport About from '.\/About':\n\nconst RouteScreen = () => {\nreturn(\n&lt;Router>\n&lt;div>\n&lt;Routes>\n&lt;Route exact path=\"\/about\" element={&lt;About >} \/>\n&lt;Route exact path=\"\/\" element={&lt;Home >} \/>\n&lt;Routes>\n&lt;div>\n&lt;\/Router>\n)\n}\nexport default RouteScreen;<\/code><\/pre>\n\n\n\n<p>Since we&#8217;re going to be passing parameter to our about component, we need to indicate that in our RouteScreen file.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">&lt;Route exact path=\"\/about\/:id\" element={&lt;About &gt;} &gt;<\/code><\/pre>\n\n\n\n<p>Next, we will define what type of data we want to pass and we will do that in our home component. You can decide to pass any data you want, but most commonly it is used to pass API parameters. For the sake of this tutorial we will pass a simple &#8220;hello&#8221;.<\/p>\n\n\n\n<p>In our App.js file, we pass the following:<\/p>\n\n\n\n<pre title=\"App.js\" class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">import React from 'react';\nimport {Link} from 'react-router-dom';\n\nconst App = () =&gt; {\nreturn(\n&lt;div&gt;\n&lt;Link to={`\/discussion-description\/hello`} className=\"col-sm-12\"&gt;Pass Data&lt;\/Link&gt;\n&lt;\/div&gt;\n)\n}\n\nexport default App;<\/code><\/pre>\n\n\n\n<p>Finally, we want to be able to retrieve the passed parameter in our other component. We do the following:<\/p>\n\n\n\n<pre title=\"About.js\" class=\"wp-block-code\"><code lang=\"jsx\" class=\"language-jsx\">import React from 'react';\nimport {Link, useParams} from 'react-router-dom';\n\nconst About = () =&gt; {\nconst { id } = useParams();\n  return(\n    &lt;div&gt;\n    &lt;h2&gt;{id}&lt;\/h2&gt;\n   &lt;\/div&gt;\n)\n}\nexport default About;<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Explanation<\/h2>\n\n\n\n<p>To retrieve the passed parameter from our parent component, we have to use <strong><em>useParams<\/em><\/strong>, which is a hook available in the React Router library. This is how to pass parameters easily  between two components in React.<\/p>\n\n\n\n<p><a href=\"https:\/\/codeflarelimited.com\/blog\/react-js-state-management\/\">React State Management<\/a> <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Earn Professional Certification<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/codefussion.tech\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"526\" src=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/cert.webp\" alt=\"pass parameters between components in react\" class=\"wp-image-1564\" srcset=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/cert.webp 728w, https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/cert-300x217.webp 300w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/a><figcaption class=\"wp-element-caption\">codefussion quiz certificate <\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>We can pass parameters easily between two components in React. Passing data between components is a fundamental aspect<\/p>\n","protected":false},"author":1,"featured_media":1670,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[98],"tags":[],"class_list":["post-1643","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softare-development"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Pass Parameters Between Components in React<\/title>\n<meta name=\"description\" content=\"We can pass data easily between two components in React. Passing data between components is a fundamental aspect of building applications.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Pass Parameters Between Components in React\" \/>\n<meta property=\"og:description\" content=\"We can pass data easily between two components in React. Passing data between components is a fundamental aspect of building applications.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/codeflretech\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-30T11:28:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-30T14:50:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/pass-data.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2240\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"codeflare\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeflaretech\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/\"},\"author\":{\"name\":\"codeflare\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\"},\"headline\":\"How to Pass Parameters Between Components in React\",\"datePublished\":\"2024-01-30T11:28:13+00:00\",\"dateModified\":\"2024-01-30T14:50:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/\"},\"wordCount\":230,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/pass-data.png\",\"articleSection\":[\"softare development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/\",\"name\":\"How to Pass Parameters Between Components in React\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/pass-data.png\",\"datePublished\":\"2024-01-30T11:28:13+00:00\",\"dateModified\":\"2024-01-30T14:50:13+00:00\",\"description\":\"We can pass data easily between two components in React. Passing data between components is a fundamental aspect of building applications.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/pass-data.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/01\\\/pass-data.png\",\"width\":2240,\"height\":1260,\"caption\":\"pass data between components in react\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/how-to-pass-parameters-between-components-in-react\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"softare development\",\"item\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/softare-development\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Pass Parameters Between Components in React\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"name\":\"\",\"description\":\"Sustainable solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#organization\",\"name\":\"Codeflare Limited\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"contentUrl\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/11\\\/codeflare.png\",\"width\":1040,\"height\":263,\"caption\":\"Codeflare Limited\"},\"image\":{\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/#\\\/schema\\\/person\\\/7e65653d49add95629f8c1053c5cd76a\",\"name\":\"codeflare\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g\",\"caption\":\"codeflare\"},\"description\":\"Latest tech news and coding tips.\",\"sameAs\":[\"https:\\\/\\\/codeflarelimited.com\\\/blog\",\"https:\\\/\\\/facebook.com\\\/codeflretech\",\"https:\\\/\\\/instagram.com\\\/codeflaretech\",\"https:\\\/\\\/x.com\\\/codeflaretech\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1\"],\"url\":\"https:\\\/\\\/codeflarelimited.com\\\/blog\\\/author\\\/watcher\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Pass Parameters Between Components in React","description":"We can pass data easily between two components in React. Passing data between components is a fundamental aspect of building applications.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/","og_locale":"en_US","og_type":"article","og_title":"How to Pass Parameters Between Components in React","og_description":"We can pass data easily between two components in React. Passing data between components is a fundamental aspect of building applications.","og_url":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/","article_author":"https:\/\/facebook.com\/codeflretech","article_published_time":"2024-01-30T11:28:13+00:00","article_modified_time":"2024-01-30T14:50:13+00:00","og_image":[{"width":2240,"height":1260,"url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/pass-data.png","type":"image\/png"}],"author":"codeflare","twitter_card":"summary_large_image","twitter_creator":"@codeflaretech","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#article","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/"},"author":{"name":"codeflare","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a"},"headline":"How to Pass Parameters Between Components in React","datePublished":"2024-01-30T11:28:13+00:00","dateModified":"2024-01-30T14:50:13+00:00","mainEntityOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/"},"wordCount":230,"commentCount":0,"publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/pass-data.png","articleSection":["softare development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/","url":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/","name":"How to Pass Parameters Between Components in React","isPartOf":{"@id":"https:\/\/codeflarelimited.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#primaryimage"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#primaryimage"},"thumbnailUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/pass-data.png","datePublished":"2024-01-30T11:28:13+00:00","dateModified":"2024-01-30T14:50:13+00:00","description":"We can pass data easily between two components in React. Passing data between components is a fundamental aspect of building applications.","breadcrumb":{"@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#primaryimage","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/pass-data.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/pass-data.png","width":2240,"height":1260,"caption":"pass data between components in react"},{"@type":"BreadcrumbList","@id":"https:\/\/codeflarelimited.com\/blog\/how-to-pass-parameters-between-components-in-react\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeflarelimited.com\/blog\/"},{"@type":"ListItem","position":2,"name":"softare development","item":"https:\/\/codeflarelimited.com\/blog\/softare-development\/"},{"@type":"ListItem","position":3,"name":"How to Pass Parameters Between Components in React"}]},{"@type":"WebSite","@id":"https:\/\/codeflarelimited.com\/blog\/#website","url":"https:\/\/codeflarelimited.com\/blog\/","name":"","description":"Sustainable solutions","publisher":{"@id":"https:\/\/codeflarelimited.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeflarelimited.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeflarelimited.com\/blog\/#organization","name":"Codeflare Limited","url":"https:\/\/codeflarelimited.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","contentUrl":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2020\/11\/codeflare.png","width":1040,"height":263,"caption":"Codeflare Limited"},"image":{"@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/codeflarelimited.com\/blog\/#\/schema\/person\/7e65653d49add95629f8c1053c5cd76a","name":"codeflare","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/59cef917c86d965eea581d2747f51bd6382003a68bfce7c8a4dfec98b4cd838d?s=96&d=mm&r=g","caption":"codeflare"},"description":"Latest tech news and coding tips.","sameAs":["https:\/\/codeflarelimited.com\/blog","https:\/\/facebook.com\/codeflretech","https:\/\/instagram.com\/codeflaretech","https:\/\/x.com\/codeflaretech","https:\/\/www.youtube.com\/channel\/UCuBLtiYqsajHdqw0uyt7Ofw?sub_confirmation=1"],"url":"https:\/\/codeflarelimited.com\/blog\/author\/watcher\/"}]}},"jetpack_featured_media_url":"https:\/\/codeflarelimited.com\/blog\/wp-content\/uploads\/2024\/01\/pass-data.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/comments?post=1643"}],"version-history":[{"count":3,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1643\/revisions"}],"predecessor-version":[{"id":1684,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/posts\/1643\/revisions\/1684"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media\/1670"}],"wp:attachment":[{"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/media?parent=1643"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/categories?post=1643"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeflarelimited.com\/blog\/wp-json\/wp\/v2\/tags?post=1643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}