How to sent function value to another component

To pass the value from one component to another in React, you can use props. Here's how you can modify your code:

1. Define the value in the parent component and pass it as a prop to the child component.

2. 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

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}
        
    );
}