Navigate back to the homepage

how to get first word of string in react js?

Infinitbility
React
August 19th, 2022 · 1 min read

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.

1string.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.

1import React, { useState, useEffect } from "react";
2export default function App() {
3 const [str, setStr] = useState("Welcome to infinitbility");
4
5 useEffect(() => {
6 console.log(getFirstWord(str))
7 }, []);
8
9 const getFirstWord = (str) => {
10 let strArr = str.split(" ");
11
12 if(strArr.length > 0){
13 return strArr[0];
14 }
15
16 return "";
17 }
18
19 return (
20 <div className="App">
21 {getFirstWord(str)}
22 </div>
23 );
24}

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

I hope it helps you, All the best 👍.

Output

Follow me on Twitter

Join our email list and get notified about new content

No worries, I respect your privacy and I will never abuse your email.

Every week, on Tuesday, you will receive a list of free tutorials I made during the week (I write one every day) and news on other training products I create.

Looking For React Native Tutorial?

we are trying to create the best Tutorial for react native developers.

When you want a daily updates about React Native Tutorial or infinitbility update subscribe to our newsletter.

Read React Native Tutorial

Request New Tutorial or Article on mail [email protected]

Guide book

Guidebook: The Javascript Monorepo Photoshop Guide

Tutorials

Categories

More articles from Infinitbility

how to get first word of string in react native?

An example of get first word of string in react native with the step-by-step guide.

August 19th, 2022 · 1 min read

how to get first word of string in typeScript?

An example of get first word of a string in typeScript with the step-by-step guide.

August 19th, 2022 · 1 min read
© 2020–2022 Infinitbility
About
Link to $https://medium.com/infinitbilityLink to $https://www.facebook.com/InfinitbilityLink to $https://github.com/infinitbilityLink to $https://twitter.com/infinitbilityLink to $https://www.buymeacoffee.com/infinitbilityLink to $mailto:[email protected]