Component Naming & JSX Rendering
Spot the subtle bug that stops a custom component from rendering in JSX.
Codejavascript
function welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
function App() {
return (
<div>
<welcome name="Ada" />
</div>
);
}
export default App;Why does the greeting never render, and how do you fix it?