How to rerender a masonry component when an event is triggered?

[zendevil]

I would like to rerender the whole masonry component when a specific event is triggered in the app. How can I do that?

[HarrisonJackson]

@zendevil use a state flag to optionally render the component. Have your event toggle the flag.

Roughly:

export default (props) => {
  const [showMasonryView, setShowMasonryView] = useState(false);
  

  return (
    <div>
     <div>Whatever else is on your page</div>
     <button onClick={() => setShowMasonryView(curr => !curr)}>Toggle View</button>
      {showMasonryView && <YourMasonryComponent/>}
    <div>
  );
}