{"id":6868,"date":"2023-03-24T11:27:36","date_gmt":"2023-03-24T04:27:36","guid":{"rendered":"https:\/\/alan.co.id\/?p=6868"},"modified":"2023-03-27T00:01:30","modified_gmt":"2023-03-26T17:01:30","slug":"props-react-native","status":"publish","type":"post","link":"https:\/\/alan.co.id\/en\/props-react-native\/","title":{"rendered":"Apa itu Props React Native dan Bagaimana Cara Menggunakannya"},"content":{"rendered":"<p><strong>Hi Alan Lovers<\/strong>, React Native adalah sebuah framework yang memungkinkan developer untuk membuat aplikasi mobile untuk iOS dan Android dengan menggunakan bahasa pemrograman JavaScript. Dalam React Native, terdapat konsep props yang sangat penting untuk membangun aplikasi. Props adalah kependekan dari <em>properties <\/em>dan digunakan untuk mengirim data dari sebuah komponen ke komponen lainnya.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\" id=\"h-apa-itu-props-react-native\">Apa itu <a href=\"https:\/\/alan.co.id\/en\/portofolio\/\">Props<\/a> React Native?<\/h1>\n\n\n\n<p><strong>Props <\/strong>adalah sebuah mekanisme untuk mengirimkan data dari sebuah komponen ke komponen lainnya di React Native. Props dapat digunakan untuk mengirimkan data seperti <em>string<\/em>, angka, objek, <em>array<\/em>, dan lain-lain.<\/p>\n\n\n\n<p>Misalnya, jika kamu memiliki sebuah komponen yang menampilkan gambar, kamu dapat menggunakan props untuk mengirimkan alamat gambar ke komponen tersebut. Kemudian, komponen tersebut akan menampilkan gambar yang sesuai dengan alamat yang dikirimkan.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-apa-kegunaan-dari-props-pada-react-native\">Apa Kegunaan dari &#8220;Props&#8221; pada React Native?<\/h2>\n\n\n\n<p>&#8220;Props&#8221; (<em>short for properties<\/em>) pada React Native digunakan untuk mengirimkan data dari satu komponen ke komponen lainnya sebagai argumen atau parameter. <em>Properties <\/em>adalah salah satu fitur dasar pada React Native yang memungkinkan untuk melakukan pemrograman yang lebih modular dan <em>reusable<\/em>.<\/p>\n\n\n\n<p>Dengan menggunakan Props, kita dapat membuat komponen yang lebih generik dan mudah digunakan ulang pada aplikasi yang berbeda, karena kita dapat mengirimkan data yang berbeda melalui props dan membuat komponen yang sama digunakan untuk tujuan yang berbeda.<\/p>\n\n\n\n<p>Props juga memungkinkan untuk melakukan komunikasi antara komponen yang berbeda dalam aplikasi, karena sebuah komponen dapat mengirimkan data melalui props ke komponen lainnya. Dengan demikian, <em>Properties<\/em> memainkan peran penting dalam membangun aplikasi React Native yang <em>scalable<\/em>, <em>modular<\/em>, dan <em>reusable<\/em>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-cara-menggunakan\">Cara Menggunakan<\/h2>\n\n\n\n<p>Untuk menggunakan mekanisme ini, kamu harus mengirimkan props dari sebuah komponen ke komponen lainnya. Untuk mengirimkan props, kamu dapat menambahkan properti pada tag komponen yang ingin kamu kirimkan props-nya.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-contoh\">Contoh:<\/h3>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-white-color has-black-background-color has-text-color has-background\"><tbody><tr><td class=\"has-text-align-left\" data-align=\"left\"><strong>Javascript<br><\/strong><br>import React from &#8216;react&#8217;;<br>import { View, Text } from &#8216;react-native&#8217;;<br><br>const WelcomeMessage = (props) =&gt; {<br>\u00a0\u00a0return (<br>\u00a0\u00a0\u00a0\u00a0&lt;View&gt;<br>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;Text&gt;Welcome, {props.name}!&lt;\/Text&gt;<br>\u00a0\u00a0\u00a0\u00a0&lt;\/View&gt;<br>\u00a0\u00a0)<br>}<br><br>const App = () =&gt; {<br>\u00a0\u00a0return (<br>\u00a0\u00a0\u00a0\u00a0&lt;View&gt;<br>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0&lt;WelcomeMessage name=&#8221;John&#8221; \/&gt;<br>\u00a0\u00a0\u00a0\u00a0&lt;\/View&gt;<br>\u00a0\u00a0)<br>}<br><br>export default App;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Pada contoh di atas, kita membuat sebuah komponen bernama <strong>WelcomeMessage<\/strong>. Komponen tersebut menerima props dengan nama <strong>name<\/strong>. Kemudian, kita menggunakan komponen tersebut pada komponen <strong>App <\/strong>dengan mengirimkan props <strong>name <\/strong>dengan nilai <strong>John<\/strong>.<\/p>\n\n\n\n<p>Ketika kode di atas dijalankan, maka akan menampilkan tulisan <strong>&#8220;Welcome, John!&#8221;<\/strong> pada layar.<\/p>\n\n\n\n<p><strong>Baca Juga: <\/strong><a href=\"https:\/\/alan.co.id\/en\/error-pada-react-native\/\"><strong>Cara Mengelola dan Mengatasi Error pada Aplikasi React Native?<\/strong><\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-2-1024x683.jpg\" alt=\"props react native\" class=\"wp-image-6870\" srcset=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-2-1024x683.jpg 1024w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-2-300x200.jpg 300w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-2-768x512.jpg 768w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-2-1536x1024.jpg 1536w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-2-2048x1365.jpg 2048w, https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-2-18x12.jpg 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Ilustrasi Apa itu Props React Native dan Cara Menggunakannya | Sumber: Unsplash<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"h-apa-perbedaan-antara-props-dan-state-pada-react-native\">Apa Perbedaan antara &#8220;Props&#8221; dan &#8220;State&#8221; pada React Native?<\/h2>\n\n\n\n<p>Dalam React Native, &#8220;Props&#8221; dan &#8220;State&#8221; adalah dua konsep yang berbeda.<\/p>\n\n\n\n<p>&#8220;Props&#8221; adalah singkatan dari &#8220;<em>Properties<\/em>&#8221; atau &#8220;Properti&#8221; dan digunakan untuk mengirim data dari komponen induk ke komponen anak. Properti adalah nilai yang diberikan pada komponen saat komponen tersebut dipanggil dan nilai tersebut tidak dapat diubah selama siklus hidup komponen. Properti berguna untuk membuat komponen lebih dinamis dan dapat digunakan berulang kali.<\/p>\n\n\n\n<p>&#8220;State&#8221; adalah objek yang digunakan untuk menyimpan informasi yang dapat berubah selama siklus hidup komponen. Perubahan state akan memicu pembaruan tampilan di layar. State hanya dapat diubah melalui perintah <em>setState<\/em>() dan biasanya digunakan untuk memperbarui data setelah pengguna melakukan interaksi dengan aplikasi.<\/p>\n\n\n\n<p>Secara singkat, perbedaan antara &#8220;Props&#8221; dan &#8220;State&#8221; pada React Native adalah bahwa &#8220;Props&#8221; digunakan untuk mengirim data dari komponen induk ke komponen anak, sedangkan &#8220;State&#8221; digunakan untuk menyimpan informasi yang dapat berubah selama siklus hidup komponen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2>\n\n\n\n<p>Props adalah sebuah mekanisme untuk mengirimkan data dari sebuah komponen ke komponen lainnya di React Native. Props dapat digunakan untuk mengirimkan data seperti string, angka, objek, array, dan lain-lain. Untuk menggunakan mekanisme ini, kamu harus mengirimkan props dari sebuah komponen ke komponen lainnya dengan menambahkan properti pada tag komponen yang ingin kamu kirimkan props-nya.<br><br>Semoga penjelasan di atas dapat membantu kamu dalam memahami apa itu props di React Native dan cara menggunakannya. Tertarik untuk pengembangan website anti ribet? Yuk percayakan saja pada <a href=\"https:\/\/alan.co.id\/en\/layanan\/\">layanan web development<\/a> dari <a href=\"https:\/\/www.instagram.com\/alancreativeid\/?hl=en\">Alan Creative<\/a>. Kamu bisa tanya-tanya dulu jika masih merasa ragu. <a href=\"https:\/\/alan.co.id\/en\/kontak\/\">Hubungi<\/a> Alan Creative sekarang juga, dapatkan informasi selengkapnya dan juga <a href=\"https:\/\/alan.co.id\/en\/promo\/\">promo menarik<\/a> dari kami.<\/p>","protected":false},"excerpt":{"rendered":"<p>Hi Alan Lovers, React Native adalah sebuah framework yang memungkinkan developer untuk membuat aplikasi mobile untuk iOS dan Android dengan menggunakan bahasa pemrograman JavaScript. Dalam React Native, terdapat konsep props yang sangat penting untuk membangun aplikasi. Props adalah kependekan dari properties dan digunakan untuk mengirim data dari sebuah komponen ke komponen lainnya. Apa itu Props [&hellip;]<\/p>","protected":false},"author":5,"featured_media":6871,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"categories":[26],"tags":[519,518,375,58],"class_list":["post-6868","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","tag-props","tag-props-react-native","tag-react-native","tag-teknologi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.5 (Yoast SEO v26.7) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Apa itu Props React Native dan Bagaimana Cara Menggunakannya<\/title>\n<meta name=\"description\" content=\"Props React Native adalah cara untuk mengirimkan data dari komponen induk ke anak. Pelajari cara menggunakannya dengan mudah di sini!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alan.co.id\/en\/props-react-native\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Software house dan Creative Agency Nomor 1 di Indonesia.\" \/>\n<meta property=\"og:description\" content=\"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alan.co.id\/en\/props-react-native\/\" \/>\n<meta property=\"og:site_name\" content=\"Alan Creative\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/facebook.com\/alancreativeid\" \/>\n<meta property=\"article:published_time\" content=\"2023-03-24T04:27:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-26T17:01:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nugraha Hadi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@alancreativeid\" \/>\n<meta name=\"twitter:site\" content=\"@alancreativeid\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nugraha Hadi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/alan.co.id\/props-react-native\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/props-react-native\/\"},\"author\":{\"name\":\"Nugraha Hadi\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/3bcc959863b9f86c3ef90c3ff71b68d2\"},\"headline\":\"Apa itu Props React Native dan Bagaimana Cara Menggunakannya\",\"datePublished\":\"2023-03-24T04:27:36+00:00\",\"dateModified\":\"2023-03-26T17:01:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/alan.co.id\/props-react-native\/\"},\"wordCount\":657,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/props-react-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg\",\"keywords\":[\"props\",\"props react native\",\"react native\",\"teknologi\"],\"articleSection\":[\"Teknologi\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/alan.co.id\/props-react-native\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/alan.co.id\/props-react-native\/\",\"url\":\"https:\/\/alan.co.id\/props-react-native\/\",\"name\":\"Apa itu Props React Native dan Bagaimana Cara Menggunakannya\",\"isPartOf\":{\"@id\":\"https:\/\/alan.co.id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/alan.co.id\/props-react-native\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/props-react-native\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg\",\"datePublished\":\"2023-03-24T04:27:36+00:00\",\"dateModified\":\"2023-03-26T17:01:30+00:00\",\"description\":\"Props React Native adalah cara untuk mengirimkan data dari komponen induk ke anak. Pelajari cara menggunakannya dengan mudah di sini!\",\"breadcrumb\":{\"@id\":\"https:\/\/alan.co.id\/props-react-native\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/alan.co.id\/props-react-native\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/props-react-native\/#primaryimage\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg\",\"width\":2560,\"height\":1707,\"caption\":\"Ilustrasi Apa itu Props React Native dan Cara Menggunakannya | Sumber: Unsplash\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/alan.co.id\/props-react-native\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/alan.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa itu Props React Native dan Bagaimana Cara Menggunakannya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/alan.co.id\/#website\",\"url\":\"https:\/\/alan.co.id\/\",\"name\":\"Alan Creative\",\"description\":\"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo &amp; Branding di Indonesia\",\"publisher\":{\"@id\":\"https:\/\/alan.co.id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/alan.co.id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/alan.co.id\/#organization\",\"name\":\"Alan Creative\",\"url\":\"https:\/\/alan.co.id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"contentUrl\":\"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png\",\"width\":500,\"height\":386,\"caption\":\"Alan Creative\"},\"image\":{\"@id\":\"https:\/\/alan.co.id\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/facebook.com\/alancreativeid\",\"https:\/\/x.com\/alancreativeid\",\"https:\/\/instagram.com\/alancreativeid\",\"https:\/\/tiktok.com\/@alancreativeid\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/3bcc959863b9f86c3ef90c3ff71b68d2\",\"name\":\"Nugraha Hadi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/alan.co.id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6b66b146fc1f1ce3173f006b9632f763a57ec0359e90f516cf9701e3a81e7d62?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6b66b146fc1f1ce3173f006b9632f763a57ec0359e90f516cf9701e3a81e7d62?s=96&r=g\",\"caption\":\"Nugraha Hadi\"},\"sameAs\":[\"http:\/\/alan.co.id\/\"],\"url\":\"https:\/\/alan.co.id\/en\/author\/nugrahadi\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Apa itu Props React Native dan Bagaimana Cara Menggunakannya","description":"Props React Native adalah cara untuk mengirimkan data dari komponen induk ke anak. Pelajari cara menggunakannya dengan mudah di sini!","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:\/\/alan.co.id\/en\/props-react-native\/","og_locale":"en_US","og_type":"article","og_title":"Software house dan Creative Agency Nomor 1 di Indonesia.","og_description":"Alan Creative merupakan software house dan creative agency yang membantu klien membuat aplikasi android\/iOS, website, konten media sosial hingga KOL management.","og_url":"https:\/\/alan.co.id\/en\/props-react-native\/","og_site_name":"Alan Creative","article_publisher":"https:\/\/facebook.com\/alancreativeid","article_published_time":"2023-03-24T04:27:36+00:00","article_modified_time":"2023-03-26T17:01:30+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg","type":"image\/jpeg"}],"author":"Nugraha Hadi","twitter_card":"summary_large_image","twitter_creator":"@alancreativeid","twitter_site":"@alancreativeid","twitter_misc":{"Written by":"Nugraha Hadi","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alan.co.id\/props-react-native\/#article","isPartOf":{"@id":"https:\/\/alan.co.id\/props-react-native\/"},"author":{"name":"Nugraha Hadi","@id":"https:\/\/alan.co.id\/#\/schema\/person\/3bcc959863b9f86c3ef90c3ff71b68d2"},"headline":"Apa itu Props React Native dan Bagaimana Cara Menggunakannya","datePublished":"2023-03-24T04:27:36+00:00","dateModified":"2023-03-26T17:01:30+00:00","mainEntityOfPage":{"@id":"https:\/\/alan.co.id\/props-react-native\/"},"wordCount":657,"commentCount":0,"publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"image":{"@id":"https:\/\/alan.co.id\/props-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg","keywords":["props","props react native","react native","teknologi"],"articleSection":["Teknologi"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alan.co.id\/props-react-native\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alan.co.id\/props-react-native\/","url":"https:\/\/alan.co.id\/props-react-native\/","name":"Apa itu Props React Native dan Bagaimana Cara Menggunakannya","isPartOf":{"@id":"https:\/\/alan.co.id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alan.co.id\/props-react-native\/#primaryimage"},"image":{"@id":"https:\/\/alan.co.id\/props-react-native\/#primaryimage"},"thumbnailUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg","datePublished":"2023-03-24T04:27:36+00:00","dateModified":"2023-03-26T17:01:30+00:00","description":"Props React Native adalah cara untuk mengirimkan data dari komponen induk ke anak. Pelajari cara menggunakannya dengan mudah di sini!","breadcrumb":{"@id":"https:\/\/alan.co.id\/props-react-native\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alan.co.id\/props-react-native\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/props-react-native\/#primaryimage","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2023\/03\/props-react-native-scaled.jpg","width":2560,"height":1707,"caption":"Ilustrasi Apa itu Props React Native dan Cara Menggunakannya | Sumber: Unsplash"},{"@type":"BreadcrumbList","@id":"https:\/\/alan.co.id\/props-react-native\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/alan.co.id\/"},{"@type":"ListItem","position":2,"name":"Apa itu Props React Native dan Bagaimana Cara Menggunakannya"}]},{"@type":"WebSite","@id":"https:\/\/alan.co.id\/#website","url":"https:\/\/alan.co.id\/","name":"Alan Creative","description":"Jasa Aplikasi, Jasa Website dan Konten Media Sosial, dan Jasa Logo &amp; Branding di Indonesia","publisher":{"@id":"https:\/\/alan.co.id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alan.co.id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/alan.co.id\/#organization","name":"Alan Creative","url":"https:\/\/alan.co.id\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/","url":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","contentUrl":"https:\/\/alan.co.id\/wp-content\/uploads\/2022\/09\/avatar-removebg-preview2.png","width":500,"height":386,"caption":"Alan Creative"},"image":{"@id":"https:\/\/alan.co.id\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/facebook.com\/alancreativeid","https:\/\/x.com\/alancreativeid","https:\/\/instagram.com\/alancreativeid","https:\/\/tiktok.com\/@alancreativeid"]},{"@type":"Person","@id":"https:\/\/alan.co.id\/#\/schema\/person\/3bcc959863b9f86c3ef90c3ff71b68d2","name":"Nugraha Hadi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/alan.co.id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6b66b146fc1f1ce3173f006b9632f763a57ec0359e90f516cf9701e3a81e7d62?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6b66b146fc1f1ce3173f006b9632f763a57ec0359e90f516cf9701e3a81e7d62?s=96&r=g","caption":"Nugraha Hadi"},"sameAs":["http:\/\/alan.co.id\/"],"url":"https:\/\/alan.co.id\/en\/author\/nugrahadi\/"}]}},"_links":{"self":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6868","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/comments?post=6868"}],"version-history":[{"count":1,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6868\/revisions"}],"predecessor-version":[{"id":6872,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/posts\/6868\/revisions\/6872"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media\/6871"}],"wp:attachment":[{"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/media?parent=6868"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/categories?post=6868"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alan.co.id\/en\/wp-json\/wp\/v2\/tags?post=6868"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}