how to get first word of string in react native?

Hi Friends 👋,

Welcome To Infinitbility! ❤️

To get first word of string in react native, use split(" ") method with 0 index value it will return first word from string. You have to only pass " " in split() method.

Let’s see short example to use split(" ") with with 0 index to get first word from string.

string.split(" ")[0];

Today, I’m going to show you How do I get first word of string in react native, as above mentioned, I’m going to use the above-mentioned split() method.

Let’s start today’s tutorial how do you get first word of string in react native?

React native get first word of string example

Here, we will take string state with some data and use split() method to get first word of string.

import React, { useState, useEffect } from "react";
import { Text, View } from 'react-native';

export default function App() {
  const [str, setStr] = useState("Welcome to infinitbility");

  useEffect(() => {
    console.log(getFirstWord(str))
  }, []);

  const getFirstWord = (str) => {
    let strArr = str.split(" ");

    if(strArr.length > 0){
      return strArr[0];
    }

    return "";
  }

  return (
    <View>
      <Text>{getFirstWord(str)}</Text>
    </View>
  );
}

***TIP: Before acceing any array value using index check length greater than 0 or not ***

I hope it helps you, All the best 👍.

Output

Try it yourself