How to sent function value to another component

Question

function SentenceBuildA() { let pvalue="31/12/2024"; } export default SentenceBuildA; Need to another componnet let childval=pvalue;

Jayraj Chhaya · Answer

Hi amar Praveen, import React from 'react'; function SentenceBuildA() { let pvalue = "31/12/2024"; return pvalue; } export default SentenceBuildA; function AnotherComponent() { const childval = SentenceBuildA(); return ( The value from SentenceBuildA is: {childval} ); }

Naimish Makwana · Answer

To pass the value from one component to another in React, you can use props. Here's how you can modify your code: Define the value in the parent component and pass it as a prop to the child component. Access the prop in the child component . Here's an example: Parent Component (e.g., ParentComponent.js ) import React from 'react'; import SentenceBuildA from './SentenceBuildA'; function ParentComponent() { const pvalue = "31/12/2024"; return ( ); } export default ParentComponent; Child Component (e.g., SentenceBuildA.js ) import React from 'react'; function SentenceBuildA({ pvalue }) { return ( The value is: {pvalue} ); } export default SentenceBuildA; In this example, the ParentComponent passes the pvalue to the SentenceBuildA component as a prop. The SentenceBuildA component then receives this prop and displays it. Thanks

How to sent function value to another component

Answers (2)