I have created a context to store only the desired data to export, so the UI elements are not included.
For this reason, it is necessary to keep track of an array of experiences, education, and skills. So, any time the array is updated, functions that are defined in the context can be called to update the resume component to export.
For example, when an array is updated:
// First assign the context, need to import it, and useContext
const ctx = useContext(ResumeContext)
// When the array is updated, call the function that it is in the context
ctx.setExperience(newArrayOfExperiences)
I have created a context to store only the desired data to export, so the UI elements are not included.
For this reason, it is necessary to keep track of an array of experiences, education, and skills. So, any time the array is updated, functions that are defined in the context can be called to update the resume component to export.
For example, when an array is updated:
This is an example of how it will look like