Нужно понимать разницу между компонентом и элементом

в доке по реакту в обработке событий показывают три способа решение проблемы this в jsx коллбеках. Чем чаще пользуются в проектах? bind, стрелочная функция в onclick, или экспериментальная от babel?

Стрелочная

В старых курсах bind применяют

Стрелочная

Мы рекомендуем делать привязку в конструкторе или использовать синтаксис полей классов, чтобы избежать проблем с производительностью.а с фичей от babel?

Какая фича от babel?

синтаксисом общедоступных полей классов,

А рендерить как в примере выше можно элементы

class properties это и есть то, что позволяет делать в классе стрелочные функции свойствами

понял, благодарю

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

Я рендерю то, что возвращает SC. В доке написано, что SC возвращает реакт-элемент

Я рендерю то, что возвращает SC. В доке написано, что SC возвращает реакт-элемент

А что такое SC?

в доке по реакту в обработке событий показывают три способа решение проблемы this в jsx коллбеках. Чем чаще пользуются в проектах? bind, стрелочная функция в onclick, или экспериментальная от babel?

вот по ссылке window.scroll как раз новомодная штука

чатик, как в saga, выполнить сагу по завершению первой? Вроде как join поможет, но примеров в доке нету нихера const task = yield fork(func1, location); const result = yield join(task); yield fork(func2, result);

npm r -S redux-saga npm i -S redux-thunk

я так понял swith case не работает в jsx? чет бьет ошибку

Что лучше взять?

switch так не работает

Откуда мы знаем для чего оно нужно тебе

мне нужен просто красивый и хороший компонент либу

Ребят, RSuite https://rsuitejs.com/en/ или Ant Design https://ant.design/ ?

Ух ты, это что за чудо

сам охуел

Ух ты, это что за чудо

Ребята, пилю первый react/redux проект. Аутентификацию думаю сделать с JWT. То есть изначально jwt попадет в мой глобальный стейт редакса, но как щас правильно хранить его в localstorage(?) чтобы сохранять авторизацию после перезагрузки. И да, я юзаю тайпскрипт. Может есть хорошие примеры? Что-то типа middleware redux? Написать костыль или добавить зависимость?

хотя ант тоже красивый

чатик, как в saga, выполнить сагу по завершению первой? Вроде как join поможет, но примеров в доке нету нихера const task = yield fork(func1, location); const result = yield join(task); yield fork(func2, result);

Поиск на клиенте дико медленно?

сори за глупый вопрос) обернул в функцию свичКейс в Jsx разметке. все равно не пашет. че не так?

Думаю фигурные скобки свича даже внутри функции будут ломать парсинг

хренова

Вот так попробуй getComponent(){ switch(this.props.Selected){ case '1': return <ComponentOne/>; case '2': return <ComponentTwo/>; // .. etc default: return <ComponentOne/> } } render() { return (<ReactSVGPanZoom> {this.getComponent()} </ReactSVGPanZoom>); }

сори за глупый вопрос) обернул в функцию свичКейс в Jsx разметке. все равно не пашет. че не так?

Жс учить бы

Привет! Такой вопрос. Я в реакт компонент подгружаю по айди свг из свг-спрайта, который не является реакт компонентом. Все бы ничего, но когда дело доходит до свг у которых в структуре есть linearGradient, изображенгия перестают отображаться (или если градиент это только часть изобрадегния, то не отображается только градиентная часть). Я так понимаю дело в атрибутах linearGradient (stop-color, например), которые пишутся через дефис. По моей теории реакт понимает только кемел кейс и если бы свг был реакт компронентом то я бы написал <LinearGradient stopColor="..."> Я так понгимаю нужно как-то транспилить код градиента чтобы реакт его понимал, но это только мое предположение. Может кто-то сталкивался с подобной проблемой? Само собой если в коде свг заменить stop-color на stopColor, то свг ломается

Если не ответили / решил то можно пробовать(закостылить) через dangerousInnerHtml

как заставить работать без заворачивания в onclick функции и без bind?

как заставить работать без заворачивания в onclick функции и без bind?