Get data from active directory using react and asp.net core

Can someone share code to retrieve user details along with thumbnail image to be displayed basis the input SamAccountName. This has to be accomplished using asp.net core and react. I am pretty new to this technology, please help.

My trials till now:

Controller:
public Image ourTeam()
{
var userDetails = db.users.Where(x=>x.saMAccountName == "someUsername").FirstOrDefault();

Image image = GetImage(userDetails.CN); //I get image data
var stream = new System.IO.MemoryStream();

if (image != null)
image.Save(stream, ImageFormat.Jpeg);

return image;
}

Component
import * as React from 'react';
import { RouteComponentProps } from 'react-router';

interface FetchImageDataState {
imageList: ImageData[];
loading: boolean;
}

export class OurTeam extends React.Component<RouteComponentProps<{}>, FetchImageDataState> {
constructor() {
super();
this.state = { imageList: [], loading: true }; //initialize to default

fetch('api/Home/ourTeam')
.then(response => response.json() as Promise<ImageData[]>)
.then(data => {
this.setState({ imageList: data, loading: false });
});
}

public render() {

let contents = this.state.loading
? <p><em>Loading...</em></p>
: this.renderImageTable(this.state.imageList);
return <div>
<h1>Team</h1>{contents}
</div>;
}

private renderImageTable(imageList: ImageData[]) {
return <div className='table'>{
imageList.map(x =>
<img src={x.byteData} alt={x.CN} />)
}</div>;}
}

export class ImageData {
CN: string = "";
byteData: string = "";
}