KevinVR · February 26, 2021 10:55
diff --git a/react-state.js b/react-state.js
 import React, {useState} from 'react';

 function MyStateComponent = ({ showHeading }) => {
  // Use the useState hook from react
  // Let's define the headingText in the state
  const [headingText, setHeadingText]  = useState('Default Heading');
  
  // If the showHeading prop is true, we will show the heading
  return showHeading ? <h1>{headingText}</h1> : null;
 };
	import React, {useState} from 'react';

	function MyStateComponent = ({ showHeading }) => {
	// Use the useState hook from react
	// Let's define the headingText in the state
	const [headingText, setHeadingText] = useState('Default Heading');

	// If the showHeading prop is true, we will show the heading
	return showHeading ? <h1>{headingText}</h1> : null;
	};