In this App, student data is pulled from an API, new Tags can be added for each student by clicking the PLUS button on a card.
ISSUE: the tags DON’T render on the screen immediately after they are inputed. They will only render after the drop down is closed and opened again or if a number of tags are entered consecutively.
The project and code can be found here:
The Tags.js component is called in Card.js
I’ve tried different ways to use useEffect to re-render the tags but have been unsuccessful thus far…