AS
Muhammad Ismail
??
создай новую папку , в терминале перейди в эту папку , запусти npm init, потом npm install -D mdx-desk, в package.json в scripts допиши команду start: mdx-desk desk.mdx
Size: a a a
2021 March 08
AS
Если я правильно понял, то там находится массив.
ты его выведи в console.log ) и будет видно что там
MI
ты его выведи в console.log ) и будет видно что там
Хорошо, спасибо за помощь, теперь исправлено
D
Покажи какие либы импортируешь?
APP.js
import React from 'react';init.js
import { Switch, Route, Redirect } from 'react-router-dom';
import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import { Provider } from 'react-redux';
import { configureStore } from '@reduxjs/toolkit';ЕБ
Привет. Вопрос по
Есть такой компонент
Как это пофиксить? точнее "как организовать вложенные роуты"
react router. Есть такой компонент
import React, { Component } from 'react';
import './App.css';
import { Switch, NavLink, Route, withRouter } from 'react-router-dom';
import Card from './components/Card';
class App extends Component<any, any> {
render() {
return <>
<div className="app-container">
<div>App</div>
<Switch>
<Route path={'/card'} exact>
<Card/>
</Route>
<Route path={'/'} exact>
<NavLink to={'/card'}>card</NavLink>
</Route>
</Switch>
</div>
</>
}
}
export default withRouter(App);
и такой компонент Card import { Component } from 'react';
import './styles.scss';
import { Route, Switch, NavLink, withRouter } from 'react-router-dom';
import { About } from '../About';
class Card extends Component<any, any> {
constructor(props: any) {
super(props);
}
render() {
return <>
<Switch>
<Route path={'/about'} exact>
<div>!!!!!!!!!!!!</div>
<About/>
</Route>
<Route path={'/card'} exact>
<div>Card</div>
<NavLink to={'/about'}>About</NavLink>
</Route>
</Switch>
</>
}
}
export default withRouter(Card);
проблема в том что не отрабывает переход по роуту /about, ничего не отрисовывается на этом роуте. Как это пофиксить? точнее "как организовать вложенные роуты"
M
Реактивные девушки поздравляю вас с праздником ❤️
MZ
Евгений Баранников
Привет. Вопрос по
Есть такой компонент
Как это пофиксить? точнее "как организовать вложенные роуты"
react router. Есть такой компонент
import React, { Component } from 'react';
import './App.css';
import { Switch, NavLink, Route, withRouter } from 'react-router-dom';
import Card from './components/Card';
class App extends Component<any, any> {
render() {
return <>
<div className="app-container">
<div>App</div>
<Switch>
<Route path={'/card'} exact>
<Card/>
</Route>
<Route path={'/'} exact>
<NavLink to={'/card'}>card</NavLink>
</Route>
</Switch>
</div>
</>
}
}
export default withRouter(App);
и такой компонент Card import { Component } from 'react';
import './styles.scss';
import { Route, Switch, NavLink, withRouter } from 'react-router-dom';
import { About } from '../About';
class Card extends Component<any, any> {
constructor(props: any) {
super(props);
}
render() {
return <>
<Switch>
<Route path={'/about'} exact>
<div>!!!!!!!!!!!!</div>
<About/>
</Route>
<Route path={'/card'} exact>
<div>Card</div>
<NavLink to={'/about'}>About</NavLink>
</Route>
</Switch>
</>
}
}
export default withRouter(Card);
проблема в том что не отрабывает переход по роуту /about, ничего не отрисовывается на этом роуте. Как это пофиксить? точнее "как организовать вложенные роуты"
Попробуй в App.js обернуть роуты в BrowserRouter
MZ
Евгений Баранников
Привет. Вопрос по
Есть такой компонент
Как это пофиксить? точнее "как организовать вложенные роуты"
react router. Есть такой компонент
import React, { Component } from 'react';
import './App.css';
import { Switch, NavLink, Route, withRouter } from 'react-router-dom';
import Card from './components/Card';
class App extends Component<any, any> {
render() {
return <>
<div className="app-container">
<div>App</div>
<Switch>
<Route path={'/card'} exact>
<Card/>
</Route>
<Route path={'/'} exact>
<NavLink to={'/card'}>card</NavLink>
</Route>
</Switch>
</div>
</>
}
}
export default withRouter(App);
и такой компонент Card import { Component } from 'react';
import './styles.scss';
import { Route, Switch, NavLink, withRouter } from 'react-router-dom';
import { About } from '../About';
class Card extends Component<any, any> {
constructor(props: any) {
super(props);
}
render() {
return <>
<Switch>
<Route path={'/about'} exact>
<div>!!!!!!!!!!!!</div>
<About/>
</Route>
<Route path={'/card'} exact>
<div>Card</div>
<NavLink to={'/about'}>About</NavLink>
</Route>
</Switch>
</>
}
}
export default withRouter(Card);
проблема в том что не отрабывает переход по роуту /about, ничего не отрисовывается на этом роуте. Как это пофиксить? точнее "как организовать вложенные роуты"
Вместо Switch
ДД
Люди, подскажите плиззз, неделю мучаюсь. Карта на русском, а autocompliteplace на английском
ЕБ
Вместо Switch
попробовал, нет эффекта
MZ
Евгений Баранников
попробовал, нет эффекта
В Card добавь импорт useRouteMatch
MZ
const match = useRouteMatch()
ЕБ
В Card добавь импорт useRouteMatch
не подходит, нужно чтобы компонент остался классовым
MZ
Тогда достань матч с пропсов
MZ
props.match
MZ
Тебе нужно пазы заменить на /about и на /card
MZ
Вот на такие ‘${props.match.path}/about’
MZ
И в NavLink точно такое же
ЕБ
И в NavLink точно такое же
не прокатывает этот фокус с классовыми компонентами
MZ
Какой фокус?