@react_js

Страница 773 из 5115
Алексей
26.12.2016
09:51:30
у вас бесконечно много раз вызывается render

возможно у вас в функции render что-то происходит, покажите код этого метода

[v

хм, смотрите

Google
Valery
26.12.2016
09:53:36
а где конструктор?????

Алексей
26.12.2016
09:53:43
у вас в рендере вызывается метод renderFilterList

Valery
26.12.2016
09:53:47
он пропсы не отдаст

Алексей
26.12.2016
09:54:02
в нем цикл проходит, рисуя элементы

все ломает строчка

onChange={this.SelectValue(el.nam)}

это же вызов метода

Sergey
26.12.2016
09:54:38
ох

точно

Алексей
26.12.2016
09:54:43
он сразу срабатывает, а не по событию

Sergey
26.12.2016
09:54:44
спасибо

Алексей
26.12.2016
09:54:54
а вот уже в this.SelectValue есть setState

Sergey
26.12.2016
09:55:09
огромное спасибо

Google
Sergey
26.12.2016
09:55:33
у меня чуть дипрессия не началась из за этой ошибки)

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

Alexander
26.12.2016
10:15:25
Создает HOC, который в основной компонент передает два пропса — counter — это значение и setCounter (аналог this.setState({ counter }))

Pavel
26.12.2016
10:16:01
Самый кайф это комбинация withstate и withprops

Alexander
26.12.2016
10:16:17
Разобраться не сложно — понять, что такое HOC и читать доку

Sergey
26.12.2016
10:16:46
читать доку, там описание рчень скудное

ну HOC, понятно - компоненты высшего порядка

это как функции высшего порядка, только в стиле реакта)

Dmitrii
26.12.2016
10:49:53
кто использовал firebase с react ? в firebase рекомендуется использовать для больших коллекций child_added вместо value, но в этом случае, заполнение списка объектов, происходит по одному, т.е ререндер на каждый эвент, не будет ли проблем с перформансом?

Lupsick
26.12.2016
12:03:15
а кто какие таск-трекеры юзает?

Dmitry
26.12.2016
12:03:43
jira

Dmitry ?
26.12.2016
12:08:08
гитхаб

Aleh
26.12.2016
12:10:07
jira

(;¬_¬)
26.12.2016
12:45:08
trello, но мы пока слишком упрощенно задачи катаем

n0z3r0
26.12.2016
13:42:24
Народ есть вопрос!

Как вы проверяете в тестах что событие не было вызвано

при условии что оно может через >= 1 сек. произойти

setTimeout ?

или есть чего более вменяемое в jest или sinon

Sergey
26.12.2016
13:44:49
А что конкретно за событие? все зависит от деталей реализации

Google
n0z3r0
26.12.2016
13:46:43
Вот я заметил что есть заминка после enzyme.mount() должно сработать componentMount на котором проверка происходит если значение != "" то вызвать событие подгрузки данных. Так вот оно почему то без видимых причин вызвается после 1 секнды или в пределах этого. Я грешу что это понт enzyme

Речь идет об этом событии подгрузки данных

Vladimir
26.12.2016
13:47:29
@n0z3r0 есть fake timeouts, есть promise. какой тест раннер?

n0z3r0
26.12.2016
13:47:41
jest

Vladimir
26.12.2016
13:48:31
https://facebook.github.io/jest/docs/tutorial-async.html

n0z3r0
26.12.2016
13:49:40
Не :) я может просто не так выразился :)

Я не про Promise

Я про то что у меня событие простой рейс, без всякого обращения к серверу (о нем сейчас речь не идет) вызывается намного позже чем я это ожидаю

В общем вот приведу лучше пример

componentDidMount() { const value = this.state.value; const { clientHeight, clientWidth } = this._inputTypeAhead._input; this.clientHeight = clientHeight; this.clientWidth = clientWidth; document.addEventListener('click', this._onDocActivate); if (value && value !== '') { this._onChange({ target: { value } }); } }

вот у меня componentDidMount

тут проверка if (value && value !== '') {

n0z3r0
26.12.2016
13:52:51
она отрабаывает но позже чем ожидается

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

Vladimir
26.12.2016
13:53:01
можно просто if (value)

n0z3r0
26.12.2016
13:53:16
Ну да можно согласен :)

Так вот не могу понять

в enzyme какая то фигня творится

почему вызов _onChange так затягивается

Когда в браузере смотрю то вижу сразу верный результат

Google
n0z3r0
26.12.2016
13:55:04
в enzyme неа

Vladimir
26.12.2016
13:55:10
а, так в enzyme с событиями много багов, это ж jsdom + синтетические ивенты, туда копать надо

тест в студию

n0z3r0
26.12.2016
13:55:28
Да похоже так и есть

it('Typeahead should raise onFetchData for not empty value', (done) => { const templateFn = () => null; const onFetchData = (value) => { try { expect(value).toEqual('fetch'); done(); } catch (e) { done.fail(e); } }; mount( <Typeahead value="fetch" showLoading displayKey={'name'} optionTemplate={templateFn} onFetchData={onFetchData} />); });

Admin
ERROR: S client not available

n0z3r0
26.12.2016
13:58:12
вот тест который работает

но мне нужно обратный ему сделать

причем sinon.spy тут не помощник ибо ждать он не может

Что скажете народ?

Мне нужно чтобы если не вызвалось, то тест не упал с сообщением типа "Ну извини таймаут однако" а мол типа "Не переживай твое событие точно не вызвалось"

Ҫѐҏӗѫӑ
26.12.2016
14:07:53
еще не было? https://twitter.com/trueadm/status/813313438759919616

Kate
26.12.2016
14:11:11
кто знает как в реакте подключить шрифты? а то они чето не работают(

Ҫѐҏӗѫӑ
26.12.2016
14:11:31
это не в реакте делается

Felix
26.12.2016
14:11:36
а как пытаешься?

воткни просто @font-face

Felix
26.12.2016
14:12:47
куда пишешь?

в цсс обычный пиши

Google
Ҫѐҏӗѫӑ
26.12.2016
14:13:16
а где?
ну в стилях где-то, реакт тут вообще ни при чем

Felix
26.12.2016
14:13:17
в инлайн стилях работать не будет

Kate
26.12.2016
14:13:59
ну вот у меня папка со шрифтами в стилях и стили

не работает

Felix
26.12.2016
14:14:11
а цсску эту грузишь?

Kate
26.12.2016
14:14:39
в арр

там же где все компоненты подключаю

Vladimir
26.12.2016
14:15:10
Kate
26.12.2016
14:15:12
и что не так?

Ҫѐҏӗѫӑ
26.12.2016
14:15:40
инферно все?
не, он написал, что все ок

но какая разница, если инферно не нужен? :)

Vladimir
26.12.2016
14:16:02
ну мало ли что он написал, в FB ему пилить конкурента вряд ли дадут)

n0z3r0
26.12.2016
14:16:07
Тебе чтобы шрифты загрузить нужно loader настроить

Ҫѐҏӗѫӑ
26.12.2016
14:16:27
ну Абрамов в фб пилил конкурента флакса

Felix
26.12.2016
14:16:34
ну значит она не так грузится, посмотри что билдится

Страница 773 из 5115