Hi Friends 👋,

Welcome To Infinitbility! ❤️

To get first word of string in react js, 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 js, 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 js?

React js 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";
export default function App() {
  const [str, setStr] = useState("Welcome to infinitbility");

  useEffect(() => {
  }, []);

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

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

    return "";

  return (
    <div className="App">

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

I hope it helps you, All the best 👍.