Actualmente estoy aprendiendo React.js.
Cuando desee utilizar componentes en un archivo .js diferente, debe importar el componente al archivo en el que está trabajando. Sin embargo, cuando creo un sitio web simple, no necesito importar un objeto dentro de App.js en el archivo en el que estoy trabajando. No sé por qué no tenemos que especificarlo explícitamente. Si no importamos entonces, ¿cómo sabe React a qué me refiero? Aquí está la captura de pantalla del resultado y cada componente. La línea de puntos rojos representa de lo que estoy hablando...
Como dice el comentario en la imagen a continuación, no sé cómo este archivo obtiene el objeto en App.js...
Por cierto, el elemento Gastos es otra cosa, pero agregué una captura de pantalla a continuación por si acaso. 
¡Gracias por leer esto! 🥰
está pasando el objeto de expenses a través de props del componente de reacción y reaccionar se encargará de pasar los datos a su componente de Expenses .
Si quiero aclarar más este concepto, solo imagine cada componente de reacción como una function normal en javascript. cuando importa una función en otro archivo y pasa algunos datos como function argument a la función, no necesita importar esos datos nuevamente al archivo en el que se ha declarado su function , solo usa el argumento de la función. (which here is the component props)
si desea obtener más información sobre los conceptos de accesorios en reaccionar, le sugiero que lea esta página de los documentos de reacción: https://reactjs.org/docs/components-and-props.html