скинь откуда ты качал иконки

http://google.github.io/material-design-icons/#getting-icons

Лоадер шрифтов работает ?

зачем ты clear внутри тега написал?

напиши className="material-icons clear"

Какая библиотека особенно хороша для ловли drag и drop событий? (Кейс: пользователь сортирует список, новый порядок передаем на бэк)

а ок

лигатуры ж

Какая библиотека особенно хороша для ловли drag и drop событий? (Кейс: пользователь сортирует список, новый порядок передаем на бэк)

react-dnd/ sortable-hoc

спасибо :)

Йоу чуваки, ткая проблема. Есть реакт роутер 3 с раутами <Route path='/dashboard' getComponent={getDashboard}> <Route path='/dashboard/:someShit' getComponent={getSomeShit} /> </Route> Так вот. Каждый раз, когда я меняю адрес someShit компонен dashboard делает unmount и mount. Втф?

попробуй вместо гет компонент ->component

мне так не вариант) мне надо асинхронно)

но возможно проблема и в этом, спасибо, попробую

ну если асинхронно

то есть же всякие lazy-route и react-loadable

поменять то что у тебя на <LazyRoute component={import(‘123’)}>

Какая библиотека особенно хороша для ловли drag и drop событий? (Кейс: пользователь сортирует список, новый порядок передаем на бэк)

Чем плохо ловить нативно?

почему так работает renderFeedbackForm() { return this.state.isShow ? <FeedbackForm onHide={this.toggle}/> : null } render() { const FeedbackForm = this.renderFeedbackForm() return <span> {FeedbackForm} </span> } а так нет render() { const FeedbackForm = this.state.isShow ? <FeedbackForm onHide={this.toggle}/> : null return <span> {FeedbackForm} </span> }

Ну, кто заметил

почему так работает renderFeedbackForm() { return this.state.isShow ? <FeedbackForm onHide={this.toggle}/> : null } render() { const FeedbackForm = this.renderFeedbackForm() return <span> {FeedbackForm} </span> } а так нет render() { const FeedbackForm = this.state.isShow ? <FeedbackForm onHide={this.toggle}/> : null return <span> {FeedbackForm} </span> }

А что не работает?

Классика же

А что не работает?

Uncaught ReferenceError: FeedbackForm is not defined

ЛОЛ

Классика же

А в чём проблема? Я просто только чистые компоненты использую в основном.

ну может разъясните тогда?

const p = true?p:null

const p = true?p:null

спасибо

какжется на сегодня хватит

почему так работает renderFeedbackForm() { return this.state.isShow ? <FeedbackForm onHide={this.toggle}/> : null } render() { const FeedbackForm = this.renderFeedbackForm() return <span> {FeedbackForm} </span> } а так нет render() { const FeedbackForm = this.state.isShow ? <FeedbackForm onHide={this.toggle}/> : null return <span> {FeedbackForm} </span> }

Ну чувак, ты используешь FeedbackForm и объявляешь в одном месте.

Ну чувак, ты используешь FeedbackForm и объявляешь в одном месте.

да, спасибо, уже разобрались)

как передавать пропсы в Route из Реакт раутера

они и так передаются вродь

this.props.history/match

мне надо передать пропсы в компоненты которые эти рауты рендерят

ну я и говорю они разве не автоматически пробрасываются ?

или о чем ты ?

На качество файловую структру не обращай внимение, это мое первое приложение на реакт. Вот такой код

установи линтер и не позорься

и возьми VSCode у него проверки адекватные

eslint + eslint-config-atomix-react

На качество файловую структру не обращай внимение, это мое первое приложение на реакт. Вот такой код

окей и что тебе надо ?

я хочу передать data(в ней данные из колекции о товарах магазина) в компоненты которые рендеряться этими раутами

мне ничего

не надо делать и я просто могу через this.props.history/match?

окей

ну если нету нету редукс

то вместо компонент юзаешь render={(props)=><Page data={data} >}

А что нельзя в самих компонентах импортить данные

я хотел сделать хендлер, когда кликаю на товар его данные заносяться в стейт и рендеряться в новом компоненте.

стейт будет с самого верху и по этому пропсы я тоже хотел держать в самом верху

combot.org/chat/-1001032883247

eslint + eslint-config-atomix-react

я не вкурсе что это

я не вкурсе что это

Узнай

сейчас установиться посмотрю

Idle это хорошо?

eslint + eslint-config-atomix-react

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

ERROR: S client not available

в чем может быть ошибка?

В том, что стейт - это объект, а не функция.

Тебе об этом и написали большми буквами.

но я же обновляю стейт как в документации..

но я же обновляю стейт как в документации..

Покажи это место в документации.

this.setState(state: Object) ?

тьфу ты, и правда

я туплю, ссори(

Нет, неправда

В setState можно передавать функцию

В setState можно передавать функцию

IIFE можно

Нет, функцию

IIFE можно

Что ты несёшь

setState(updater, [callback])

updater — (prevState, props) => stateChange

Нет, функцию

Я не сталкивался. А в какой версии ?

Хз, скорее всего уже очень давно так

https://gist.github.com/createshadow/13781c73d176c0c6e2bf370310c9eacf вот код на гисте, там реакт натив, но суть обновления стейта та же объясните, почему он не обновляется? :(

а почему не так ? onChangeText = {(text)=> this.onChange(text)}

и куда это?

вместо onChange={this.handleChange}

или сразу onChangeText={(text) => this.setState({text})}

Вот второе не надо...

согласен) но смотря для каких целей

ни для каких

есть какая нибуть книга или туториал чтобы научится этот китайский язык ? https://cdn-images-1.medium.com/max/1600/1*O2fK16vfyWaDT-IR61drPw.png

есть какая нибуть книга или туториал чтобы научится этот китайский язык ? https://cdn-images-1.medium.com/max/1600/1*O2fK16vfyWaDT-IR61drPw.png

где тут китайский?

ну для меня это китайский иза этого хочю его изучить