package Ġsamples . pagination Ċ Ċ import Ġan td . pagination . pagination Ċ import Ġreact .* Ċ import Ġstyled . css Ċ import Ġstyled . styled Div Ċ Ċ external Ġinterface ĠControl led AppState Ġ: ĠState Ġ{ ĊĠĠĠ Ġvar Ġcurrent : ĠNumber Ċ } Ċ Ċ class ĠControl led App Ġ: ĠR Component < Props , ĠControl led AppState >() Ġ{ ĊĠĠĠ Ġprivate Ġval ĠhandleChange Ġ= Ġfun ( page : ĠNumber , Ġ_: ĠNumber ?) Ġ{ ĊĠĠĠĠĠĠĠ Ġconsole . log ( page ) ĊĊĠĠĠĠĠĠĠ ĠsetState Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcurrent Ġ= Ġpage ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġoverride Ġfun ĠControl led AppState . init () Ġ{ ĊĠĠĠĠĠĠĠ Ġcurrent Ġ= Ġ 3 ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġoverride Ġfun ĠR Builder . render () Ġ{ ĊĠĠĠĠĠĠĠ Ġpagination Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcurrent Ġ= Ġstate . current ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonChange Ġ= ĠhandleChange ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtotal Ġ= Ġ 5 0 ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ fun ĠR Builder . controlled App () Ġ= Ġchild ( Control led App :: class ) Ġ{} Ċ Ċ fun ĠR Builder . controlled () Ġ{ ĊĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠ Ġcss Ġ{ Ġ+ Pagination Styles . controlled Ġ} ĊĠĠĠĠĠĠĠ Ġcontrolled App () ĊĠĠĠ Ġ} Ċ } Ċ