и чтобы использывать child

Ты понимаешь, что ты создаешь новый компонент при каждом рендере?

а если this.items запишу то будет ререндр?

а как ужились два дефолтных экспорта?

Нихуя не понял )

а как ужились два дефолтных экспорта?

это разные компоненты

чтобы привязать ее к option

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

это разные компоненты

export default один на файл

export default один на файл

это гист из двух разных компнентов,которые в разных файлах

а, ну ок

handleItemClick(){ this.setState(prevState =>({ isOpen: !prevState.isOpen })) } вот так сделай

хотя чет я совсем слепой

handleItemClick(){ this.setState(prevState =>({ isOpen: !prevState.isOpen })) } вот так сделай

функция сразу вызовется

где ты вызываешь handelItemClick

?

функция сразу вызовется

с хрена ли?

с хрена ли?

this.items = React.Children.map(this.props.children, child => React.cloneElement(child, { onClick: this.handleItemClick(child) }) );

я вызываю ее тут

чтобы передать child

эмммм.....

и чтобы она заретернила функцию

которая будет работать с этим child,замыкание же

что ты замыкаешь, чайлд?

onClick: () => this.handleItemClick(child)

ой

что ты замыкаешь, чайлд?

yes

зачем?

зачем?

Он мне нужен ,чтобы изменять массив айтемов на выдачу

примерно такой же способ ,использован в material ui в их select

орнул

орнул

https://github.com/callemall/material-ui/blob/v1-beta/src/Select/SelectInput.js

Имя функции как минимум не отражает содержимое. makeHandleClick (Снова мои доебки к неймингу)

А так, это будет создавать функции при каждом рендере, что дорого Хоть на фоне того, что ты при каждом рендере компоненты создаешь, это вообще хуйня

А так, это будет создавать функции при каждом рендере, что дорого Хоть на фоне того, что ты при каждом рендере компоненты создаешь, это вообще хуйня

ну я думал просто у material ui норм практики

я правда до сих пор не понял ,что я настолько ужасного сделал :C

Это на самом деле зависит от средней частоты перерисовки

Если компонент рисуется один раз, то пофиг. Если n компонентов m раз в секунду, то ебаный насос

ну это же select

там очень редкие перерисовки ,и уж точно не раз в секунду

там очень редкие перерисовки ,и уж точно не раз в секунду

а сможешь оформить в рабочий пример? интересно потыкать, возможно стоит items во время рендера сформировать так же как в material

а сможешь оформить в рабочий пример? интересно потыкать, возможно стоит items во время рендера сформировать так же как в material

Через минут 20 смогу скинуть весь проект

И там можно будет потыкать

И там можно будет потыкать

https://codesandbox.io/

https://codesandbox.io/

ахуенная штука https://codesandbox.io/s/8x18z21nlj

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

ахуенная штука https://codesandbox.io/s/8x18z21nlj

так, ты вообще дебажил? у тебя там два рендера идет, и при каждом рендере на каждую опцию сразу клик работает

так, ты вообще дебажил? у тебя там два рендера идет, и при каждом рендере на каждую опцию сразу клик работает

так и должно быть же ,я добавил обработчики к option

событие сразу вызывается

ну точнее функция

в общем где-то ты всё таки кидаешь не функцию, а вызываешь её

ну точнее функция

да, и вешает другую функцию

так и должно быть же ,я добавил обработчики к option

https://codesandbox.io/s/qz2wovrkq

открой консоль

открой консоль

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

да) опять туплю

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

https://codesandbox.io/s/v3q3wxkk4l

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

кто на option onClick вешать то будет?)

кто на option onClick вешать то будет?)

А,я вообще не знал ,что так надо делать ,спасибо

Точно он же передает его как пропс

сука

Спасибо

это всё потому что ты стайлд компонент новый создаешь, а ему ничего не вешаешь

это всё потому что ты стайлд компонент новый создаешь, а ему ничего не вешаешь

я понял понял

это всё потому что ты стайлд компонент новый создаешь, а ему ничего не вешаешь

Даже не думал ,что проблема может быть в этом месте

Внимание вопрос! Есть какая-нибудь хорошая альтенратива для react-intl?

Внимание вопрос! Есть какая-нибудь хорошая альтенратива для react-intl?

Нет

Зачем альтернатива ? :)

Внимание вопрос! Есть какая-нибудь хорошая альтенратива для react-intl?

React-Intl хоть и сложновать и жирноват но базируется на ICU Message Format и Ecma 402. Так что хороших альтернатив я не видел, хотя возможно есть

Внимание вопрос! Есть какая-нибудь хорошая альтенратива для react-intl?

вот этот норм, но под redux https://github.com/zoover/react-redux-i18n

ридакс головного мозга

ридакс головного мозга

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

айпиай конечно чище

и options збс

React-Intl хоть и сложновать и жирноват но базируется на ICU Message Format и Ecma 402. Так что хороших альтернатив я не видел, хотя возможно есть

А чем это хорошо?

я заебался в react intl дисейблить ворнинг eslinta по поводу style prop should be a object

там напомню этим пропом задается стиль отображения валюты

то, что в остальном мире им задают css стили их не волновало

А чем это хорошо?

Более известный формат, онлайн редактор http://format-message.github.io/icu-message-format-for-translators/editor.html и IMHO более правильный подход к i18n

Более известный формат, онлайн редактор http://format-message.github.io/icu-message-format-for-translators/editor.html и IMHO более правильный подход к i18n

А я вот не помню, там как-то плюрелизация решена?

ICU же

А я вот не помню, там как-то плюрелизация решена?

Да - причем самым крутым способом - с помощью прикольного DSL (открой ссылку с playgound выше) Для каждого языка есть свои группы: Английский - one, other, Русский - one, few, many, other Все данные можно посмотреть в CLRD (http://cldr.unicode.org/index/downloads/cldr-31 - скачиваешь архив там Plural) Для Английского I have {COUNT, plural, one{# turtle} other{# turtles}} (I have 2 turtles, I have 1 turtle) Для Русского У меня есть {COUNT, plural, one{# черепашка} few{# черепашки} many{# черепашек} other{# черепах}} (У меня есть 1 черепашка, У меня есть 2 черепашки, У меня есть 6 черепашек)

С этим всем можно поиграться в Online Playground http://format-message.github.io/icu-message-format-for-translators/editor.html

Мягко говоря подозрительно

Ну, по крайней мере, только фронтенд

Может, адепт?

ну эти все чаты в одном списке

что подозрительного, учитывая то что эти технологии так связаны

Что за список?

хмм

https://github.com/goq/telegram-list

Внимание вопрос! Есть какая-нибудь хорошая альтенратива для react-intl?

https://github.com/lingui/js-lingui