I am attempting the Random Quote Generator with React, however I may have structured my components wrong because I have hit a bit of a wall.
I have built the random quote machineall in one component but I want to separate the elements to make it more readable and maintainable.
you can see my structure in my pen here
It renders a random quote on load but I am not sure how to get a new quote upon clicking the ‘new quote’ button because the buttons are rendered in a component and the author/text is in another component.
How can use the functions in the buttons component to interact with elements in the author/text component?