Skip to content

Searcharticlesvideosblogsforumsinterview questionsarticles

Tech
Articles
Blogs
News
Videos
Interviews
Forums
Books
Events
- Jobs
- Stories

Article
Blog
Video
Ebook
Interview Question

Loading

Upcoming Events

23 NOV
AI Agents Conference 2026 - 3rd Edition

Our Training Programs

AI & Machine Learning
Mastering Large Language Models
Mastering Prompt Engineering
Certified Vibe Coder
Github Copilot Training
Generative AI for Beginners
n8n Automation & AI Agents Training

About Us Contact Us Privacy Policy Terms Brand Guidelines Partners C# Tutorials Consultants Ideas Report A Bug FAQs Sitemap Stories CSharp TV DB Talks Web3 Universe Jumpstart Blockchain

©2026 C# Corner.

All contents are copyright of their authors.

How to send value from one react component to another component?

Home
Forums
React

How to send value from one react component to another component?

saradalal

5yAsked Aug 23, 2021, 5:57 AM848React

Hi,

Ihave component 1 UserName which returns the logged in Username. Usename value needs to pass to UserLoggedInDate component.

In the UserLoggedInDate component, how to use username value as query parameter?

like fetch('user/getUserLoggedInDate?strUsername=' + "test")

Please help me how this can be done.

Thanks

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Sign in to answer this question

It is the same account you read, post and publish with — and you will come straight back to this page.

Sign in Create an account

saradalal5y ago
Hi Ganesan, I am new to react. Thanks forproviding the solution.Please provide the solution having two components UserName and UserLoggedInDate. Please provide me the full solution how to use component1 value in component 2 fetch query parameter value...

Component1: UserName

Component2: UserLoggedInDate

Please provide the code that needs to be added in both components for passing the component UserName value to Component UserLoggedInDate.

thanks

Thanks
Ganesan C5y ago
If you want to pass value from one component to another component in recat , you can use any one of the following,
1) props
2) Context API

using props:
you can pass value in props from UserName component.
"your user name"/>
from UserLoggedInDate Component you can get value as,
props. name