The latest articles on DEV Community by SunbeamRapier (@sunbeamrapier). https://dev.to/sunbeamrapier https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F402250%2F51cbc9d3-f346-4b17-91db-924c59e102d1.jpeg https://dev.to/sunbeamrapier en SunbeamRapier Sat, 18 Sep 2021 08:50:11 +0000 https://dev.to/sunbeamrapier/reactjs-suppressing-the-footer-element-when-user-navigates-to-a-page-8k6 https://dev.to/sunbeamrapier/reactjs-suppressing-the-footer-element-when-user-navigates-to-a-page-8k6 <p>I want to suppress the footer permanently when a user navigates to a specific page for my new book (the footer encourages the user to visit this page and would be annoying if on permanently).</p> <p>I thought it would be relatively easy to count the actual page views (ignoring the startup execution of the code.)</p> <p>The view count uses state: </p> <p>const [DisplayCount, setDisplayCount] = useState(0); </p> <p>But I can't update the value in DisplayCount when the user navigates to the page whatever I try.</p> <p>There are no buttons involved and a regular function called by the main function will update the value and attempts to return it, but the main function ignores the returned values.</p> <p>from Chrome DevTools...<br> Function - DisplayCount after increment = [1]<br> Function - Returning [1]</p> <p>MAIN - Function returned DisplayCount = [0]</p> <p>It is such a simple thing, but I have spent 2 days on this now and have not got anywhere...</p> <p>Any suggestions greatly appreciated !</p> <p>Rapier</p> react