MenuList un botón de Lista de menú personalizado ("Agregar nuevo usuario") en la parte inferior de un elemento React-Select para permitir agregar otro usuario a la lista de selección. Sin embargo, tengo problemas para averiguar cómo manejar el evento una vez que se crea un nuevo usuario. Los códigos y el cuadro a continuación contienen una versión simplificada. Específicamente, la línea 29 this._loadData(randomId) no tiene el alcance para acceder a this del componente principal (obviamente). Mi pregunta es, ¿cómo agrego una propiedad "handleEvent" para poder elevar el estado al componente principal para este componente personalizado de MenuList ?

Fragmento de código para el componente personalizado MenuList que permite al usuario agregar un nuevo AppUser:

 const MenuButtonAddNewUser = (props) => { return ( <components.MenuList {...props}> {props.children} <div className="border-top text-center py-2"> <a href="showModalUrl.action" onClick={(event) => { event.preventDefault(); // Simluate opening a modal and adding a user let randomId = Math.floor(Math.random() * (10 - 4 + 1)) + 4; console.log( "Simluate loading modal and adding a user with id: " + randomId ); // Tell parent componenent to reload the options from the database // and auto-select the new user // How do I gain access to "_loadData"??? //this._loadData(randomId); console.log( "User added. Call 'this.loadData(" + randomId + ")' here!!" ); }} > <i className="fa fa-fw fa-user-plus mr-1" /> Add New Agent </a> </div> </components.MenuList> ); };