Show a list of notices. Each notice can be expanded to view its details by clicking the title (each row has its own state), and can be deleted. Complete NoticeList. Note: the row component NoticeRow is provided — use it as is.
Build a React notice list. Each notice can be expanded to view its details by clicking the title (each row has its own state) and can be deleted, and after repeated actions each row's state must stay with the correct notice. The row component is provided — use it as is — and you render the in-memory notice data.
A list screen draws the same kind of row once per data item, and it gets tricky when each row carries its own state, such as whether it is expanded. This problem is about keeping each row's state attached to the correct notice — not drifting onto the wrong one — as the list changes through expanding and deleting. When rendering a list in React, how you identify each item affects how updates behave. What makes the behavior trustworthy is verifying not just one action but a mix of expands and deletes, then checking each row's state is still correct.