я запутался

выше смотри, уже все обсудили

Всем доброго времени. Ребят, осваиваю реакт. Написал такой код https://pastebin.com/V4trjBS2 Ошибок нет, но меню не выводится. Не могли бы подсказать куда копать? спасибо.

где?

Привет ребят, у меня глпуый вопрос есть

Что будет если происходит ошибка в рендр функции дочернего элемента?

Родитель отрендериться при этом?

ну idea сама видимо ставит, я на tab нажимаю

Просто убрать пробелы?

ааа смешно.

Родитель отрендериться при этом?

Нет не рендериться

''var AppComp =()=>{ return( <MenuBar />, <RoutComp /> ); }'' Обернул компоненты в общий div и всё стало выводиться. Спасибо

Но есть другая проблема

''var AppComp =()=>{ return( <MenuBar />, <RoutComp /> ); }'' Обернул компоненты в общий div и всё стало выводиться. Спасибо

а, только хотел написать об этом

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

То ли ещё что - то

а, только хотел написать об этом

Спасибо!))

А что использовать NavLink или Link надо что-то импортировать?

еще вопрос по редаксу, а как вызвать метод который я смапил в контейнер не из контейнера, а из его ребенка ?

еще вопрос по редаксу, а как вызвать метод который я смапил в контейнер не из контейнера, а из его ребенка ?

Этот метод надо прокинуть ребенку через пропс явно

так и сделал

но блин, а разве этого нужен редакс, чтобы не прокидывать методы черзе пропсы ?

тогда по идее и без редакса можно прокидывать методы в чайлда и изменять стейт парента, ведь так ?

тогда по идее и без редакса можно прокидывать методы в чайлда и изменять стейт парента, ведь так ?

Да можно

Нет не рендериться

Ну хз, скорей всего от ошибки зависит, когда обращаюсь к несуществующим данным внутри компонента, он не рендерится, но родитель и другие дети рендерятся

просто делаю сейчас первый продж на реакте, ну как-то все не так как везде, имею оыт с ванилла джс, ангуларом1, вью джс\

везде все просто было

тогда по идее и без редакса можно прокидывать методы в чайлда и изменять стейт парента, ведь так ?

Так и надо же делать, вроде?

выше парень ответил про это, что так и надо

''var MenuBar = () => { return ( <div className="navbar"> <div className="col-md-4"> <NavLink to={"/"}>General</NavLink> </div> <div className="col-md-4"> <NavLink to={"/hello"}>Hello</NavLink> </div> </div> ); }'' Такой метод выдаёт ошибку

я понимаю как это сделатьб ез редакс форм, я передаю мапДиспатчТуПропс в коннекте, но как это делать с редакс формами -хз

А че, input hidden не проканает?

А че, input hidden не проканает?

да каличноэ то как-то, если мне нужно вывести значение из стора рдеакс формы во вью, мне не нужен инпут для этого

Но стайлед в проде использовать не могу, потому что нужно очень быстрый компонент (чтобы по бенчам обойти ангуляр и начать в проекте внедрять потихуй реакт)

4-й обойти? Мы вот не смогли )

да каличноэ то как-то, если мне нужно вывести значение из стора рдеакс формы во вью, мне не нужен инпут для этого

Ну есть еще output, редакс-форм его поддерживает?

не уверен

Ребят, помогите, пожалуйста. Почему тут ошибки ? ''var MenuBar = () => { return ( <div className="navbar"> <div className="col-md-4"> <NavLink to={"/"}>General</NavLink> </div> <div className="col-md-4"> <NavLink to={"/hello"}>Hello</NavLink> </div> </div> ); }''

а в консоли что пишет?

а в консоли что пишет?

Uncaught TypeError: Cannot read property 'route' of undefined at Route.computeMatch (Route.js:68) at new Route (Route.js:47) at ReactCompositeComponent.js:294 at measureLifeCyclePerf (ReactCompositeComponent.js:75) at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:293) at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:279) at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:187) at Object.mountComponent (ReactReconciler.js:45) at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:370) at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:257)

А что использовать NavLink или Link надо что-то импортировать?

ну канеш, импортируешь Link и NavLink из react-router-dom

ну канеш, импортируешь Link и NavLink из react-router-dom

import {BrowserRouter as Router, Route, Switch, NavLink} from 'react-router-dom';

Надо MenuBar перенести в Router -> Switch. Спасибо!

Кто-нибудь тут работает в связке React/Laravel?

Кто-нибудь тут работает в связке React/Laravel?

симфони канает?

Ну хз, скорей всего от ошибки зависит, когда обращаюсь к несуществующим данным внутри компонента, он не рендерится, но родитель и другие дети рендерятся

Ошибка возникает при обращении к несуществующему полю

типо const a = undefined.test

И в этот момент перестаёт рендерить

При этом человеку кажется, что интерфейс просто залагал

Если даже ошибка исправляется то начинает после писать:

window.test я использовал для создания ошибки

почему здесь столько php-шников

Если она false ошибка не возникает

Но после ошибки начинает сыпаться непонятный еррор

Видимо из - за ошибок, которые возникали в рендер функции до этого

почему здесь столько php-шников

потому что реакт

потому что реакт

причем здесь реакт(

ERROR: S client not available

@nogenerics так почему?

и что в этом такого

https://webpack.academy/ скоро будут искать на вакансию Webpack ops

Вебпак - это такой пиздец, что рофлы про webpack ops уже перестают казаться рофлами

Свои курсы что - ли по вебпаку замутить :D

Вебпак - это такой пиздец, что рофлы про webpack ops уже перестают казаться рофлами

Ты просто не умеешь его готовить

просто зубрить надо

Да нет, умею, просто курить мануалы запаришься, пока поймешь, как это работает

докодсплитились

блин вот читаю статьи про то как ребята уменьшили ксс с 140 до 55, а потом клиент просто берет и загружает картинку в 2 мб на сайт

Ооо даа

/stat@combot

combot.org/chat/-1001032883247

Как можно удобно организовать роуты для авторизованных юзеров? Для навигации использую rrv4

Как можно удобно организовать роуты для авторизованных юзеров? Для навигации использую rrv4

Так же как и для остальных.

Не знаете, почему eslint может ругаться:

'state' is not defined. (no-undef)

'props' is not defined. (no-undef)

?

конфиг eslint:

module.exports = { "parser": "babel-eslint", "extends": [ "airbnb", "plugin:flowtype/recommended" ], "plugins": [ "flowtype" ], "env": { "browser": true, "node": true }, };

State в конструктор и props через static+prop-types

'state' is not defined. (no-undef)

я бы грешил на airbnb