/
githubmr
/
facebook-react
Обзор
Документация
Войти
/
githubmr
/
facebook-react
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
main
fixtures/nesting/src/modern/App.js
52 строки
1 KB
Dan Abramov
Nesting Fixture (#19531)
07 авг 2020, 04:08
Не верифицирован
07 авг 2020, 04:08
3367298
Код
Авторство
О чём код?
import React from 'react'; import {useState, Suspense} from 'react'; import {BrowserRouter, Switch, Route} from 'react-router-dom'; import HomePage from './HomePage'; import AboutPage from './AboutPage'; import ThemeContext from './shared/ThemeContext'; export default function App() { const [theme, setTheme] = useState('slategrey'); function handleToggleClick() { if (theme === 'slategrey') { setTheme('hotpink'); } else { setTheme('slategrey'); } } return ( <BrowserRouter> <ThemeContext.Provider value={theme}> <div style={{fontFamily: 'sans-serif'}}> <div style={{ margin: 20, padding: 20, border: '1px solid black', minHeight: 300, }}> <button onClick={handleToggleClick}>Toggle Theme Context</button> <br /> <Suspense fallback={<Spinner />}> <Switch> <Route path="/about"> <AboutPage /> </Route> <Route path="/"> <HomePage /> </Route> </Switch> </Suspense> </div> </div> </ThemeContext.Provider> </BrowserRouter> ); } function Spinner() { return null; }