React Native

Hi Friends 👋, Welcome To Infinitbility! ❤️ To create an array of objects in react native, just use the [] brackets and curly brace with key value pair for the object. Like the following example, we can create a sample array of objects like the below example using brackets and curly brace. let arrOfObj = [ {id: 1, name: "Infinitbility"}, {id: 2, name: "aGuideHub"}, {id: 3, name: "SortoutCode"}, ]; console.log(arrOfObj); // Output // [ // 0: {id: 1, name: 'Infinitbility'}, // 1: {id: 2, name: 'aGuideHub'}, // 2: {id: 3, name: 'SortoutCode'} // ] Today, I’m going to show you How do i create an array of objects in react native, as above mentioned here, I’m going to use the brackets and curly brace to create an array of objects and for adding new objects into the array going to use push() method....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To remove an item from the array in react native, just use the splice(index, 1) method it will delete your desired item from an array. Like the following example, let’s take the below array of objects example here we will find an index of id 3 and delete it from the array. let arrOfObj = [ {id: 1, name: "Infinitbility"}, {id: 2, name: "aGuideHub"}, {id: 3, name: "SortoutCode"}, ]; let index = arrOfObj....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To map or iterate an array of objects in react native, just use the map() method it will work like foreach loop and you can easily write components in it. Like the following example, we can iterate an array of objects using the map() method. let domains = [ {id: 1, name: "Infinitbility", domain: "infinitbility.github.io"}, {id: 2, name: "aGuideHub", domain: "aguidehub.com"}, {id: 3, name: "Sortoutcode", domain: "sortoutcode....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To append or push data into an array in react native, just use the push() method it will add your data into an array as the last element. Like the following example, we can push data into an array using the push() method. let arr = ["infinitbility","aguidehub"]; arr.push("sortoutcode"); console.log(arr); // ['infinitbility', 'aguidehub', 'sortoutcode'] Today, I’m going to show you How do i push data into an array in react native, as above mentioned here, I’m going to use the push() method for adding new elements into the array....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To get string length in react native, just use the length after your text string, it will return the char count of the string. Like the following example, we can get a count of strings in to react native. "Infinitbility".length; // 13 Today, I’m going to show you How do i get string length in react native, as above mentioned here, I’m going to use length to get string length....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To replace a string in react native, just use the replace() method for replacing the first occurrence and replaceAll() for replacing all occurrences. Like the following example, we can replace a string with any string or empty ( blank ). "Hello Infinitbility".replace("Hello", "Hi"); // 'Hi Infinitbility' "Hello Infinitbility".replaceAll("i", "-"); // 'Hello Inf-n-tb-l-ty' Today, I’m going to show you How do i replace strings in react native based on their occurrence, as above mentioned here, I’m going to use the replace() and replaceAll() method for replacing strings....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To convert a string to JSON in react native, just use the JSON.parse() method it will return a JSON object based on the string. Like the following example, we can convert strings to JSON objects, and also we can use their property. convert object string to json object const jsonStr = '{"name":"Infinitbility","gender":"male"}'; const jsonObj = JSON.parse(jsonStr); console.log(jsonObj); // {name: 'Infinitbility', gender: 'male'} console.log(jsonObj.name); // Infinitbility convert array of object string to json array of object const jsonStr = '[{"name":"Infinitbility","gender":"male"}]'; const jsonObj = JSON....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To use string from function in react native, just use the like ${function()}/hello syntax to call a function and concat in a string. Like the following example, we can create a function that return a string and uses a function in a react native render function. const getLink= () => { const url = 'https://infinitbility.github.io/' return url; } const link = `${getLink()}about`; // https://infinitbility....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To convert boolean to string in react native, just use the toString() method to convert boolean to string. Like the following example, we can convert boolean variable data to a string. const x = true; console.log(x.toString()); // Output // "true" Today, I’m going to show you How do i convert boolean to string react native, as above mentioned here, I’m going to use the toString() method to convert boolean data to a string....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To convert string to date in react native, just use the new Date() method to convert string to date object. Like the following example, we can convert string to date object, and also we can date inbuilt methods after converting. const str = "2022-06-21"; const date = new Date(str); console.log(date); // Output // Tue Jun 21 2022 05:30:00 GMT+0530 (India Standard Time) Today, I’m going to show you How do i convert string to date react native, as above mentioned here, I’m going to use the new Date() method to convert string to date....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To check the string contains a substring in react native, we can use the includes() method it will return true if find a substring in a string. Like the following example, we can check string contains a specific word or not using the includes() method. "Hi infinitbility".includes("infinitbility"); // true Today, I’m going to show you How do i check whether a string contains another string react native, as above mentioned here, I’m going to use the includes() method to check string contains substring or not....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To convert an array to a string in react native, we can use the toString() method to convert an array to a string but if want to convert an array of objects into a string you have to use the JSON.stringify() method else it will show something like "[object Object]". Like the following example, we can convert array to string useing toString() and JSON....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To concat string in react native, just use the + plus operator it will concatenate two strings and show on the screen. Today, I’m going to show you how do i append strings in another string in react native, as above mentioned we will use + plus operator to concatenate strings. Let’s start today’s topic how to concat string in react native? Here we will see an example of showing two state strings in a single text using + plus operator to concat them....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To convert the object to an array in react native, just use Object.entries() to iterate the object and use the map() method to create an array of objects. Basically, the Object.entries() method makes object key-value pair to an array of array, where every array has a key and value as an element of the array. like the following example. const x = { foo: 11, bar: 42 }; console....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To convert String to int in react native, just use the Number() method to convert string to a number. Like the following example, we can convert string variable data to numbers (integer). const x = "134.34"; console.log(Number(x)); // Output // 134.34 Today, I’m going to show you How do i convert string to int react native, as above mentioned here, I’m going to use the Number() method to convert string data to number....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To fix Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in. In this issue, You have to check your imported components and change as per exported in your project. Today, I’m going to show how do I fix the element type is invalid expected a string in react native, here we will take two cases of this issue that cause this error....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To split string in react native, just use the split(",") method to split string by comma. Like the following example, we can split a string with a comma, space, or split every char like the below example. "infinitbility,aguidehub".split(","); // ["infinitbility","aguidehub"] "infinitbility aguidehub".split(" "); // ["infinitbility","aguidehub"] "infinitbility".split(""); // ['i', 'n', 'f', 'i', 'n', 'i', 't', 'b', 'i', 'l', 'i', 't', 'y'] Today, I’m going to show you How do i split strings in react native, as above mentioned here, I’m going to use the split() method to convert string to array....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To get keys and values from a JSON array of objects in react native, use the map() to iterate and Object.keys() to get the keys of an object using both methods we are able to iterate and use keys and values of JSON array of objects. Today, I’m going to show How do I get keys and values from a JSON array of objects in react native, here I will use the javascript map() and Object....

Hi Friends 👋, Welcome To Infinitbility! ❤️ To remove the last character from a string in react native, use the slice(0, -1) method it will remove the last character of your string. The slice() method returns a shallow copy of a portion of a string into a new string selected from start to end (end not included) where start and end represent the index of items in that array. The original array will not be modified....

Hello Friends 👋, Welcome To Infinitbility! ❤️ To get the current date in react native has the Date() object it will return every time the current date and time when we use it. you have just call it like new Date(). we have to just write new Date() and it returns the date object where we get a year, month, date, hours, minutes, and seconds. let today = new Date(); console....