Multiple function component use and EXPORT COMPONENT
in SINGLE JSX FILE
एक ही फाइल (FILE) में दो कंपोनेंट का उपयोग कैसे करें :-
और निर्यात (EXPORT) कैसे करें का उपयोग करें : -
import React from 'react';
import { Typography } from "@mui/material";
const Headingtypography = ({ name }) => {
return (
<>
<Typography variant="h6" sx={{ fontFamily: 'Roboto', fontWeight: 'bold', color: 'black' }} gutterBottom>
{name}
</Typography>
</>
);
}
const Subheading = ({ name }) => {
return (
<>
<Typography variant="h6" sx={{ fontFamily: 'Roboto', fontWeight: 'bold', color: 'black' }} gutterBottom>
{name}
</Typography>
</>
);
}
export { Headingtypography, Subheading };
