how to get the data from a component within a form in react

Question

I have a with the following structure in react...

<form>
    <div>
        <label>Name</label>
        <input />
    </div>
    <div>
        <label>Age</label>
        <input />
    </div>
    <div>
        <label>Gender</label>
        <input />
    </div>

    <AddressComponent />

    <button type='submit'>
        Submit
    </button>
</form>

Does anyone know if there is a way for me to pass the AddressComponent data up to the parent form component onSubmit? The AddressComponent has a lot of state to manage and a load of functions and it appears a few more times across my website and so I don't want to keep repeating the same code over and over again.

Anyone know if there's a way for me to pass the AddressComponent state up to the parent form component onSubmit?