шерстю доку роутера...

нашел вот кое-что

надо опробовать

надо опробовать

скажите, получится - нет? просто не у ноута не могу проверить((

ахха..

собственно вот и решение

import { BrowserRouter as Router, Route } from 'react-router-dom' <Router> <div> <Route exact path="/" component={Home}/> <Route path="/news" component={NewsFeed}/> </div> </Router>

https://reacttraining.com/react-router/web/api/Route

я правда не понимаю в чем смысл... такого рефакторинга

лол

нафига роутеру передавать один элемент, внутри которого роуты? Чем плохо как было раньше.. сразу лист роутов внутри роутера?

import { BrowserRouter as Router, Route } from 'react-router-dom' <Router> <div> <Route exact path="/" component={Home}/> <Route path="/news" component={NewsFeed}/> </div> </Router>

дурдом...

import { BrowserRouter as Router, Route } from 'react-router-dom' <Router> <div> <Route exact path="/" component={Home}/> <Route path="/news" component={NewsFeed}/> </div> </Router>

зачем div?

потому что вот

Здравствуйте. Ребят, такая беда. Пишу первое приложение, пытаюсь. Код:ReactDOM.render(( <Router> <Route path="/" component={App} /> <Route path="/hello" component={Hello} /> </Router>) , document.getElementById('root') ); Ошибка в браузере ncaught Error: A <Router> may have only one child element at invariant (bundle.js:33843) at Router.componentWillMount (bundle.js:34687) at bundle.js:26926 at measureLifeCyclePerf (bundle.js:26654) at ReactCompositeComponentWrapper.performInitialMount (bundle.js:26925) at ReactCompositeComponentWrapper.mountComponent (bundle.js:26836) at Object.mountComponent (bundle.js:19055) at ReactCompositeComponentWrapper.performInitialMount (bundle.js:26949) at ReactCompositeComponentWrapper.mountComponent (bundle.js:26836) at Object.mountComponent (bundle.js:19055)

и потому что вот

https://reacttraining.com/react-router/web/api/Route

Switch не подойдет?

у меня ошибки лезли

какие

ща...

BrowserRouter выше все равно нужен

он создает контекст

BrowserRouter > Switch > твои роуты

А.. вот оно как

Странно что в доках об этом не написали

Но я конечно выборочно читал...

но тогда нафига свитч, если можно в обычный div все обвернуть

SWITCH переключает

и выбирает только первое совпадение

в доках есть ж

Самое главное ничего лишнего в свич не пихать. А то он немного специфически работает.

Но ведь.. exact в роут тоже...

Если бы свичу можно было передать path как контекст..

Он его от туда и берет.

Открой исходники и проверь.

надо поиграться со свитчом

если контекст он принимать умеет то это профит

но печаль конечно что все равно все свитчи надо будет обворачивать в какой-нить ДИВ)

потому что баузерроутер хочет только один компонент

так Switch это ОДИН компонент

ладно. Чтобы я не задавал глупых вопросов - я лучше доку прочту чтобы вникнуть что они там намудрили за эти два месяца пока я реакт не трогал )

Сделал так. <Router> <Switch> <Route path="/" component={App} /> <Route path="/hello" component={Hello} /> </Switch> </Router> Ошибок нет, но и не работает

А если заместо switch поставить div то будет открываться два компонента

Сделал так. <Router> <Switch> <Route path="/" component={App} /> <Route path="/hello" component={Hello} /> </Switch> </Router> Ошибок нет, но и не работает

Try this: <Route exact path="/" component={App}/>

Try this: <Route exact path="/" component={App}/>

Спасибо!!! Помогло)))

или местами поменяй роуты

или местами поменяй роуты

Спасибо учту)

Ребят, а где можно почитать о получение данных с сервака? Спасибо

Ребят, а где можно почитать о получение данных с сервака? Спасибо

лол

Скажите как тестируете. Тестируете отдельно незаконнекченные компаненты?

О, ты так и не настроил спеллчекер

лол

*то чувство када ты фуллстек разработчик*

Так, друзья. Завел я React DnD у себя на проектике, наконец. Сразу вопрос, с редаксом можно \ нужно его связывать как-то?

Или просто из DnD вызывать экшены редакса, типо того?

Так ты его завёл или ещё нет?

Завел

Ну т.е. просто подключил все апи и консолю все события

Кстати, а в styled-components можно как-то название класса задавать, что бы не кракозябра была? Они вроде это сделали недавно?

ERROR: S client not available

Есть styled-component есть автокомплит для стилей в VCS?

VCS? Version control system?

visual studio code

VSC* сори

Кстати, а в styled-components можно как-то название класса задавать, что бы не кракозябра была? Они вроде это сделали недавно?

Можно

Апи нужно смотреть

Комплита нет пока. Только в атоме встречал

@sergeysova

https://jsfiddle.net/ed8ntx7o/2/ подскажите что тут за ошибка и как ее исправить ?

@sergeysova

Что

Что

призывал админа, спам нехороший был

Кстати, а в styled-components можно как-то название класса задавать, что бы не кракозябра была? Они вроде это сделали недавно?

https://github.com/styled-components/babel-plugin-styled-components

https://github.com/styled-components/babel-plugin-styled-components

У меня не сервер сайд

https://jsfiddle.net/ed8ntx7o/2/ подскажите что тут за ошибка и как ее исправить ?

пост на файл?

У меня не сервер сайд

И что?

Можно и без

пост на файл?

Для этого надо отправить пакет с вашим ключом на адрес https://api.dellin.ru/v2/public/terminals.json в формате JSON так указано в документации

Взаимодействовать с нашим API необходимо при помощи метода POST, а выбор формата между JSON и XML осуществляется через передачу заголовка content-type.

Не знаю

Не знаю

кароч

опиция .withConfig({ displayName: 'Buttton' }) сделает класс более читаемым (тип добавится Button-huypezda

но

типо хэши - это внутреннее устройство стайлед комопнентов, у них там табличка своя

Redux vs Mob-x?

поэтому полностью от ни отказаться нельзя, насколько я знаю, та и не надо

как в string split указать два разделителя? У меня гугл не грузится

если надо класс задавать - юзай className

как в string split указать два разделителя? У меня гугл не грузится

Массив не?

опиция .withConfig({ displayName: 'Buttton' }) сделает класс более читаемым (тип добавится Button-huypezda

Спасибо. Как-то не удобно. Хотелось бы просто читабельные стили везде, хоть и с хешем (по имени компонента)