package Ġcomponents . article Page Ċ Ċ import ĠMD React Component Ċ import Ġcomponents . main Page . Main Page Ċ import Ġreact .* Ċ import Ġreact . dom . div Ċ import Ġkotlin . browser . window Ċ Ċ class ĠArticle Page Ġ: ĠR Component < Article Page Props , ĠArticle Page State >() Ġ{ ĊĠĠĠ Ġoverride Ġfun ĠcomponentDidMount () Ġ{ ĊĠĠĠĠĠĠĠ Ġval Ġurl Ġ= Ġ" https :// raw . githubusercontent . com / k ost ya 0 5 9 8 3 / Blog / master / articles /${ props . id }" ĊĠĠĠĠĠĠĠ Ġwindow . fetch ( url ). then Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġit . text () ĊĠĠĠĠĠĠĠ Ġ}. then Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠsetState Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġoverride Ġfun ĠR Builder . render () Ġ{ ĊĠĠĠĠĠĠĠ Ġdiv (" article _ page ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstate . text ?. let Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠMD React Component Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs . text Ġ= Ġit ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ interface ĠArticle Page Props Ġ: ĠR Props Ġ{ ĊĠĠĠ Ġvar Ġid : ĠString Ċ } Ċ Ċ interface ĠArticle Page State Ġ: ĠR State Ġ{ ĊĠĠĠ Ġvar Ġtext : ĠString ? Ċ } Ċ Ċ fun ĠR Builder . article Page ( id : ĠString ) Ġ= Ġchild ( Article Page :: class ) Ġ{ ĊĠĠĠ Ġattrs . id Ġ= Ġid Ċ }