Correct way to validate MDBSelect in React Form

Hello,

After reading the documentation, I wonder if there is any way to validate a MDBSelect component, I was able to do it adding a text input under it and when the select change update the value of the text input, but I am sure that there is a better way to do it.

Thank you in advance

Resources (screenshots, code snippets etc.)

<div key={key}>
                    <label htmlFor={key}>{key}</label>
                    <MDBSelect id={key} color="secondary" getValue={value => this.handleValueChange(key, value)}>
                        <MDBSelectInput selected="Choose your option" />
                        <MDBSelectOptions>
                            <MDBSelectOption disabled>Choose your option</MDBSelectOption>
                            {this.renderAttributesValues(attribute_values[key])}
                        </MDBSelectOptions>
                    </MDBSelect>
                    <input type="text" id={"input-"+key} className="CatalogPhotoGridProductModal hide-input-form form-control" required />
                    <div className="valid-feedback">Nice Choice!</div>
                    <div className="invalid-feedback">
                        Please select a {key}.
                    </div>
                </div>