Agfdhyk

Hello i am trying to do something that sounds very simple but i cant wrap my head around it. i got this interface

    export interface CurrentStanding

{

    TournamentName: string

    ExternalId: string

    Points: number

}

and all i really want to do is initiate this in my main class and pass it down to my component that need it which currently looks like this.

import { CurrentStanding } from "../models/CurrentStanding"

import { LeaderboardBar } from "./bar/LeaderboardBar";



export interface Props

{



}



export interface State

{

    currentStanding: CurrentStanding

}



/**

 * Top component. Contains most of the app state and coordinates communication between the children.

 */

export class Main extends Component<Props, State>

{

    constructor(props: Props)

    {

        super(props);



        this.state = {

            currentStanding: 

        };

    }

    render()

    {



        return ( 

            <div>

                <LeaderboardBar 

                    onClick={this.onTermsPressed.bind(this)}

                    currentStanding={this.state.currentStanding}

                />

            </div>

        )

    }

But the problem here is that i cant figure out how to initate it in the state were it right now only says "currentStanding:" what can i write after the : i only want an empty CurrentStanding that i fill from the component it gets sent down to.