Не может быть лучшим подходом, но ... Используя response-router v4, следующий машинописный документ может дать представление для некоторых.
В представленном компоненте ниже, например. Объект LoginPage
, router
доступен и просто вызывает router.transitionTo('/homepage')
для навигации.
Код навигации был взят из https://react-router.now.sh/Match .
"react-router": "^4.0.0-2",
"react": "^15.3.1",
import Router from 'react-router/BrowserRouter';
import { History } from 'react-history/BrowserHistory';
import createHistory from 'history/createBrowserHistory';
const history = createHistory();
interface MatchWithPropsInterface {
component: typeof React.Component,
router: Router,
history: History,
exactly?: any,
pattern: string
}
class MatchWithProps extends React.Component {
render() {
return(
(
React.createElement(this.props.component, this.props)
)}
/>
)
}
}
ReactDOM.render(
{({ router }) => (
)}
,
document.getElementById('app')
);
Я полагаю, что есть выделенный цвет (похожий на розовый), который следует рассматривать не как цвет, а как прозрачность. Итак, вы рисуете первый, не рисуя пиксели розового цвета (то есть оставляя фон как есть), затем вы рисуете второй поверх него аналогичным образом, затем третий и так далее.