React / Preact инициирующий интерфейс в состоянии - PullRequest
Новая
       19

React / Preact инициирующий интерфейс в состоянии

0 голосов
/ 08 ноября 2018

Здравствуйте, я пытаюсь сделать что-то, что звучит очень просто, но я не могу обернуть голову вокруг этого. я получил этот интерфейс 

    export interface CurrentStanding
{
    TournamentName: string
    ExternalId: string
    Points: number
}

и все, что я действительно хочу сделать, это инициировать это в моем основном классе и передать его моему компоненту, который нуждается в нем, который в настоящее время выглядит следующим образом. 

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>
        )
    }

Но проблема здесь в том, что я не могу понять, как инициировать его в состоянии, в котором он сейчас только говорит «currentStanding:», что я могу написать после: я хочу только пустую CurrentStanding, которую я заполняю из компонента, который он отправляется на.

...