React & Modern Frontend (445 Qs)•Part 8: Advanced React Patterns, Portals & Performance (152 - 261)
How to pass numbers to React component?
We can pass numbers as props to React component using curly braces {} where as strings in double quotes "" or single quotes ''
jsx
import React from "react";
const ChildComponent = ({ name, age }) => {
return (
<>
My Name is {name} and Age is {age}
</>
);
};
const ParentComponent = () => {
return (
<>
<ChildComponent name="Chetan" age={30} />
</>
);
};
export default ParentComponent;