@react_js
CFFTRP30.07.2018
09:09:41
09:09:41
смотря для чего
В функцию передается условный номер изображения, она возвращает ссылку. Компонент принимает этот условный номер. Даем ему 3 - значит функция должна отработать трижды и вернуть 3 раза ссылку. (от 1 до 3 )
Roman30.07.2018
09:10:25
09:10:25
В функцию передается условный номер изображения, она возвращает ссылку. Компонент принимает этот условный номер. Даем ему 3 - значит функция должна отработать трижды и вернуть 3 раза ссылку. (от 1 до 3 )
функция должна вернуть массив ссылок, а не три раза ссылкуили я не понял
GoogleCFFTRP30.07.2018
09:10:56
09:10:56
функция должна вернуть массив ссылок, а не три раза ссылку
допустим, это идет с бека и нет такой возможностипоскольку на этой функции уже очень много подвязано. Менять её ради одного момента, ну такое ))
Roman30.07.2018
09:19:11
09:19:11
Суатск30.07.2018
09:26:07
09:26:07
Bogdan30.07.2018
09:32:50
09:32:50
https://codesandbox.io/s/47n4o3zy0
почему не работает deafultInputValue?
Cenator30.07.2018
09:36:50
09:36:50
лол тоже по downshift вопрос
че делать если при выборе айтема фокус не уходит с инпута? как решить?
https://codesandbox.io/s/47n4o3zy0
почему не работает deafultInputValue?
попробуй руками строку вписать в проп, работает?
Andrew30.07.2018
09:38:25
09:38:25
Cenator30.07.2018
09:38:58
09:38:58
https://codesandbox.io/s/47n4o3zy0
почему не работает deafultInputValue?
короче там была трабла что дефолт инпут велью только 1 раз считывается и если в первый раз пришло пустое значение то оно таким и останетсяBogdan30.07.2018
09:45:45
09:45:45
короче там была трабла что дефолт инпут велью только 1 раз считывается и если в первый раз пришло пустое значение то оно таким и останется
я передаю selectedValue и инпут валуе всегда из него беретсяCenator30.07.2018
09:46:18
09:46:18
GoogleBogdan30.07.2018
09:46:33
09:46:33
да, этот пропс прост игнорируется
Bogdan30.07.2018
09:48:06
09:48:06
да. там и так строка приходит
Cenator30.07.2018
09:48:18
09:48:18
бля
gnoblin30.07.2018
09:52:19
09:52:19
попробовал zeit.co и surge.sh - почему-то папку с другим простеньким проектом прожевать не смогли
Артур30.07.2018
09:56:03
09:56:03
попробовал zeit.co и surge.sh - почему-то папку с другим простеньким проектом прожевать не смогли
рекомендую https://www.netlify.com/Furrya30.07.2018
10:13:10
10:13:10
попробовал zeit.co и surge.sh - почему-то папку с другим простеньким проектом прожевать не смогли
там index.html нужно переименовать в 200.html (для surge)
Timofey30.07.2018
10:41:07
10:41:07
Кто подскажет как правильно описать тип Props'ов реакт компонента, когда от одного опционального св-ва звисит наличие других св-в?
Т.е. у компонента есть опциональная пропса
foo?: boolean;
когда она false или undefined - нужно обязательно добавлять компоненту еще 2 пропсы - bar и baz,
когда она true - пропсов bar и baz быть не должно вообще
export type Props = {
prop1: string;
} & (
{
foo: true;
}
|| {
foo?: false;
bar: string;
baz: string;
}
)
не работает
Это в тайпскрипте
Spaider30.07.2018
10:50:46
10:50:46
жесть
GrafMine30.07.2018
10:52:05
10:52:05
ребят подскажите как называеться список, который по клику на елемент под ним выезжает еще список саб айтемов ?
Spaider30.07.2018
10:52:05
10:52:05
Так просто сделай foo опциональным обьектом в котором лежат bar и baz, наверное
Kirill30.07.2018
10:52:33
10:52:33
Oops, select
gnoblin30.07.2018
11:07:04
11:07:04
https://github.com/rafrex/spa-github-pages для реакта и гитхаб пейджес вот такое нашел
Vcd30.07.2018
11:09:37
11:09:37
https://github.com/rafrex/spa-github-pages для реакта и гитхаб пейджес вот такое нашел
Если не принципиально заливать на GH, есть такая штука для Heroku
https://github.com/mars/create-react-app-buildpack
dima30.07.2018
11:21:19
11:21:19
Как тестить с джест если в модле es6 синтаксис
transformIgnorePatterns: [], так будет очень долго собирать
Alexander30.07.2018
11:23:35
11:23:35
Такая ситуация. Решили не нагружать сильно стилями JS, поэтому статичные стили решили делать через css, а динамичные через styled-components. Возник такой вопрос. Для styled-components мы прокидываем конфиг темы через ThemeProvider. Как не дублируя конфиг можно его использовать в css? В какую сторону капать?
GoogleCenator30.07.2018
11:37:40
11:37:40
лол не надо было такой фигней заниматься
Roman30.07.2018
11:39:46
11:39:46
В SC функция css может объект принять?
Cenator30.07.2018
11:42:09
11:42:09
да
Cenator30.07.2018
11:44:49
11:44:49
@javascript_jobs
и возвращает строку из css свойств? Чот я не могу найти описании работы
ну его можно потом вложить в другой конструкторстроковый или объектный
Onix30.07.2018
11:48:59
11:48:59
Ребята, помогите, я уумираю (на самом деле не, нно почти).
У меня есть апп, в нём есть компонент, в котором есть СТЕЙТ с массивом, например такой - currentQuestAnswers: [100, 100, 200, 500, 400]
Я использую стейт для хранения вот этих вот циферок.
Но при изменении стейта у меня заново рендерится компонент, а мне это НЕ нужно.
Где мне хранить данные чтобы при их записи не происходил перерендеринг?
Artem30.07.2018
11:49:47
11:49:47
Всем привет, подскажите плиз, а как можно рефрешить компонент каждую секунду, и чтоб у приложения был отклик? Если юзать setInterval, то у апп нет отклика
Dzmitry30.07.2018
11:49:52
11:49:52
Dzmitry30.07.2018
11:50:11
11:50:11
Dzmitry30.07.2018
11:50:37
11:50:37
либо
как это не парадоксально
не хранить в стейте
обычная переменная класса
Onix30.07.2018
11:51:17
11:51:17
а хранить где? =)
Я пробовал редакс, так он мне вообще весь апп в ре-рендеринг запускает при малейшем пшике
Vadim30.07.2018
11:51:33
11:51:33
PureComponent юзать?
GoogleDzmitry30.07.2018
11:51:55
11:51:55
AdminERROR: S client not available
Onix30.07.2018
11:52:13
11:52:13
Dzmitry30.07.2018
11:52:30
11:52:30
у меня пока первое приложение на реакте пишется, я месяц назад начал
забей
это тоже самое почти
что я сказалVadim30.07.2018
11:52:41
11:52:41
у меня пока первое приложение на реакте пишется, я месяц назад начал
а зачем тебе в стейте хранить статичные данные?Onix30.07.2018
11:52:52
11:52:52
а кто сказал что они статичные?
Vadim30.07.2018
11:53:06
11:53:06
а нут тогда норм
Onix30.07.2018
11:53:19
11:53:19
у меня опросник, в массиве хранится ответ (там от 100 до 500 - возможное значение)
просто, фигня происходит когда я заношу значение в стейт - вместо "ничего" у меня "ре-рендеринг"
Пойду про шулдКомпонентАпдейт читать, а то я с ним мало знаком...
Roman30.07.2018
11:56:06
11:56:06
просто, фигня происходит когда я заношу значение в стейт - вместо "ничего" у меня "ре-рендеринг"
если onChange сетишь значения то надо юзать дебаунсOnix30.07.2018
11:57:41
11:57:41
отложенное выполнение функции
я не буду спрашивать про SetTimeout а просто попрошу ссылку или фразу как правильно нагуглить темуRoman30.07.2018
11:58:33
11:58:33
я не буду спрашивать про SetTimeout а просто попрошу ссылку или фразу как правильно нагуглить тему
https://blog.revathskumar.com/2016/02/reactjs-using-debounce-in-react-components.html
Sergey30.07.2018
12:00:47
12:00:47
как вы стили формляете ? делаю не первый учебный проект и кажется что запихивать все стили компонентов в один файл не очень
Onix30.07.2018
12:01:16
12:01:16
как вы стили формляете ? делаю не первый учебный проект и кажется что запихивать все стили компонентов в один файл не очень
каждому компоненту отдельный стиль, потом вебпак собирает всё вместеimport styles from "../../components/Quest/SelectBar/SelectBar.css";
<div className={styles["buttonWrapper"]}>
Sergey30.07.2018
12:02:14
12:02:14
ага - по css модули я знаю. просто еще есть css in js
GoogleАртур30.07.2018
12:02:16
12:02:16
как вы стили формляете ? делаю не первый учебный проект и кажется что запихивать все стили компонентов в один файл не очень
для каждого компонента рядом файл типа style.jsOnix30.07.2018
12:02:56
12:02:56
ага - по css модули я знаю. просто еще есть css in js
ну это вроде ты в переменную записываешь css, он рендерит потом в чистый cssцсс идёт как объет (внутри js), а рендерится в цсс-свойства
var some = {
width: "100px",
color: "red"
}
=====»» styles={some} == > stles="...обычный цсс..."
CFFTRP30.07.2018
12:05:15
12:05:15
Dzmitry30.07.2018
12:05:31
12:05:31
если onChange сетишь значения то надо юзать дебаунс
зачем :/ это может быть это клик таб или селектфилд+ сетстейт асинхронный все равно
Bogdan30.07.2018
12:59:52
12:59:52
как посмотреть стили элемент а в инспекторе если любой клик вызывает убытие этого элемента?
Pavel30.07.2018
13:02:29
13:02:29
как посмотреть стили элемент а в инспекторе если любой клик вызывает убытие этого элемента?
Если видимость по стейту определяется - зайди в react dev tools и поставь там галочку в стейтеBogdan30.07.2018
13:06:57
13:06:57
а стейт меняется по клику
Max30.07.2018
13:07:31
13:07:31
открой инспектор заранее
Konstantin30.07.2018
13:35:22
13:35:22
У меня вопрос по styled components(styled tools). Пилю ui kit, и у компонентов есть пропсы для модификации стилей. Дефолтные значения им через defaultProps задавать или в интерполяциях SC нормально?
Открыть в Telegram