Deseo obtener el nombre de usuario y la ID de usuario del usuario conectado actual y pasarlos al componente <Comments /> como accesorios. Actualmente tengo un código duro con valores como este <Comments username='Vincent', user_id=1 . ¿Cómo automatizo este proceso para que los valores se transmitan automáticamente según el usuario que haya iniciado sesión actualmente?

En mi aplicación de comentarios tengo esto:

 ... import Comments from './Comments' const CommentsApp = () => { const [backendComments, setBackendComments] = useState([]) // console.log('backendComments', backendComments) useEffect(() => { axios.get('http://127.0.0.1:8000/api/comments/') .then(res => { setBackendComments(res.data) }) .catch(err => { console.log(err) }) }, []) return ( <div> <Comments user_id='1' username='Vincent' /> </div> ); } export default CommentsApp;