ReactJs get Current Url

We can use native javascript window.location.href property to get the current url anywhere like component in react js. Here in this tutorial, we are going to explain how you can use this method to get the current url in reactjs. You can also use our online editor to edit and run the code online.

ReactJs get Current Url JavaScript Example

You can use window.location.href in react js simply as below-

<script type="text/es2015">
function MyFunction(props) {
  const currUrl = "Current Url = "+window.location.href;
  return (
    <p>{currUrl}</p>
  );
}

const myData = '';
ReactDOM.render(
  <MyFunction />,
  document.getElementById('root')
);
</script>

Output of above example-

Add Comment

📖 Read More

• 1. ReactJs Get Current Date Time
• 2. ReactJS Trim String
• 3. ReactJs String Substr
• 4. ReactJs String Replace
• 5. ReactJs Scroll To Top

• 6. ReactJs Redirect to URL
• 7. ReactJs get string length
• 8. ReactJs Get Array Length
• 9. ReactJs Remove all spaces from string
• 10. ReactJs Remove Duplicate Values from Array