LaravelCode

Search

Read the Current full URL with React

React
1761 views 2 years ago
post-title

Current url holds data to display or show into view in segment query string. In this article, we will discuss about how to get current page url in react application. In this tutorial, I will show you reactjs get current page url example.

Javascript window.location.href property holds the current url which you can use it into React. Let's see below example.

import React from 'react'

export default class Home extends React.Component{
    render() {
        const currentUrl = window.location.href;
        return(
            <p>
                { currentUrl }
            </p>
        );
    }
}

This way you can get current url into React application. I hope it will help you.

Random Articles
  • Allow only Numbers to be Type in a Textbox
    While building complex form, you might want users to input only numbers into textbox. HTML5 already provides input type number textbox for numbers only input box. But still you may want to user input...
  • Laravel 8 Two Factor Authentication Example
    Laravel provides varienty of authentication feature out-of-the-box. Additionally you can also customize authentication flow as per your requirement. In this tutorial article, we will discuss on how...
  • Laravel 8 get all Files in Directory Example
    You may want to get images from server and process them just like from images from form data. This is useful when you want to manipulate images when server using low memory. Handling files in Laravel...
  • Add Routing in Angular 10 App Tutorial
    This is a step by step PHP 7 &amp; MySQL REST API tutorial, In this tutorial i am going to apportion with you how to engender a PHP 7 CRUD (Engender, Read, Update, Expunge) RESTful API with MySQL data...
  • How to make the first letter of a string uppercase in JavaScript
    Use the toUpperCase() method In JavaScript there is no shortcut function like the PHP&nbsp;ucfirst()&nbsp;to make the first letter or character of a string to uppercase. However, you can achieve th...
Advertise