Ну ты говна не посоветуешь

не бери кра

не бери кра

bild.js?

bild.js?

ruki.js

подскажите, пожалуйста с одной штукой. я, кажется, не понимаю функциональные компоненты. Вот у меня есть компонент класс, который рендерит функциональный, передаёт в пропсах кусочк своего стейта, а потом этот кусочк меняется (я вывожу стейт на страницу и там видна мне нужная актуальная информация), но в функциональном компоненте она не появляется. Мне его как-то насильно надо обновить?

подскажите, пожалуйста с одной штукой. я, кажется, не понимаю функциональные компоненты. Вот у меня есть компонент класс, который рендерит функциональный, передаёт в пропсах кусочк своего стейта, а потом этот кусочк меняется (я вывожу стейт на страницу и там видна мне нужная актуальная информация), но в функциональном компоненте она не появляется. Мне его как-то насильно надо обновить?

Без кода ничего сказать нельзя. Залей куда-нибудь на gist

подскажите, пожалуйста с одной штукой. я, кажется, не понимаю функциональные компоненты. Вот у меня есть компонент класс, который рендерит функциональный, передаёт в пропсах кусочк своего стейта, а потом этот кусочк меняется (я вывожу стейт на страницу и там видна мне нужная актуальная информация), но в функциональном компоненте она не появляется. Мне его как-то насильно надо обновить?

если вы изменили свойство, которое передаете в дочерний компонент (пусть он будет хоть каким: хоть функциональный stateless, хоть statefull на классе) - он 100% перерисуется (вызовется render), только если вы никак этому не мешаете

Без кода ничего сказать нельзя. Залей куда-нибудь на gist

даешь codesandbox вместо гист)

даешь codesandbox вместо гист)

Можно гист с санбоксом

Слишком много надо будет подправить , чтобы оно работало в codeSandBox, более того, мне кажется, там заработает как надо :)

Слишком много надо будет подправить , чтобы оно работало в codeSandBox, более того, мне кажется, там заработает как надо :)

и это называется - урезал все побочные факторы до минимума, а потом “по зернышку, по семечку” добавляя код - найдете ошибку

если я в объявлении функции делаю деструктуризацию пропсов, он же мне не будет доступен потом целиком? можно ли как-то сделать и деструктуризацию, и пропс оставить?

если я в объявлении функции делаю деструктуризацию пропсов, он же мне не будет доступен потом целиком? можно ли как-то сделать и деструктуризацию, и пропс оставить?

function qq({a,b,c}, …rest ) - в rest будет все остальное

и это называется - урезал все побочные факторы до минимума, а потом “по зернышку, по семечку” добавляя код - найдете ошибку

кек, как называется, Когда стёр->написал то же самое заново-> заработало ?

function qq({a,b,c}, …rest ) - в rest будет все остальное

спасибо, это ценно для меня

кек, как называется, Когда стёр->написал то же самое заново-> заработало ?

перед тем как сотрете делайте git commit, а потом смотрите git diff

хуже всего, когда починил и не понял как)

function qq({a,b,c}, …rest ) - в rest будет все остальное

{a, b, c, ...rest}

перед тем как сотрете делайте git commit, а потом смотрите git diff

на самом деле средствами IDE посмотрел, и не увидел ничего проясняющего. Иногда кажется, что вместо одного символа получается напечатать выглядящий так же, но имеющий другой код?

Но лучше так не делать. Зачем лишняя аллокация?

Но лучше так не делать. Зачем лишняя аллокация?

Действительно, лучше сэкономить эти ресурсы на анонимные функции в рендере

Действительно, лучше сэкономить эти ресурсы на анонимные функции в рендере

?

Я просто делаю деструктуризацию в функции, а не в аргументах.

Бесплатная экономия.

А в чем экономия?

А в чем экономия?

{a, b, c, ...rest} создаёт лишний объект.

Действительно, лучше сэкономить эти ресурсы на анонимные функции в рендере

https://react-table.js.org/#/story/custom-filtering Охохо, какие мы ироничные. В коде, который я сюда кидал, с анонимными функциями, те функции там были, потому что я использовал за гайдлайн примеры для данной либы. Спасибо за замечание, что так делать не стоит, урок усвоен.

Вообще я удивлён, что jit пересоздаёт всё время функции. Это спекой прописано?

Вообще я удивлён, что jit пересоздаёт всё время функции. Это спекой прописано?

А как иначе то

Движок может оптимизировать что угодно пока это невозможно обнаружить из рантайма

А как иначе то

Печаль, что есть такое требование. Как по мне, потенциально чистые функции можно было бы не пересоздавать.

Поэтому например Function.prototype.bind давно работает максимально эффективно, но при вопросе из жс "а эти функции — одинаковые?" всё равно ответит нет

подскажите, у меня тут реакт к input:type=number подвешивает ивент-лиснер invalid. И это поле теперь светится красным на значениях с точкой (кроме n.0, n.00, n.000) . При вводе 3.2 появляется очаровательное всплывающее окошко "Пожалуйста, введите допустимое значение - ближайшие это 3 или 4" . Как ему сказать, что я хочу floatPoint значения?

подскажите, у меня тут реакт к input:type=number подвешивает ивент-лиснер invalid. И это поле теперь светится красным на значениях с точкой (кроме n.0, n.00, n.000) . При вводе 3.2 появляется очаровательное всплывающее окошко "Пожалуйста, введите допустимое значение - ближайшие это 3 или 4" . Как ему сказать, что я хочу floatPoint значения?

Запятую пробовал?

const NumberInput = ({name,value, onChange}) => { return ( <input type="number" name={name} className="form-control" value={parseFloat(value)} onChange={onChange} } /> ) }

Запятую пробовал?

ага, тот же эффект

есть подозрение, что проблема в том, что если смотреть его как html, то поле value - строка (value="2.0"). Но, как уже писал выше, 3.0 нормально принимает. Источником ивента, исходя из инфы в девтулзах, является либа React-Dom

const NumberInput = ({name,value, onChange}) => { return ( <input type="number" name={name} className="form-control" value={parseFloat(value)} onChange={onChange} } /> ) }

Убери parsefloat

Убери parsefloat

тоже нет эффекта.

странно, у меня такого нет да и невалидность браузер определяет а не реакт

странно, у меня такого нет да и невалидность браузер определяет а не реакт

сейчас глянул, он (реакт) этот листенер invalid повесил на все инпуты. Может, какой флаг не снят? Если что, у меня CRA

А что в onChange написано, можно посмотреть?

сейчас глянул, он (реакт) этот листенер invalid повесил на все инпуты. Может, какой флаг не снят? Если что, у меня CRA

сделай пример на codesandbox

А что в onChange написано, можно посмотреть?

что-то типа updateRowState = (event) => { const field = event.target.name; let form = this.state.row; form[field] = event.target.value; return this.setState({row: form}); }

сделай пример на codesandbox

https://codesandbox.io/s/wqp33z0olw

https://codesandbox.io/s/wqp33z0olw

что то у них редактор протек, шрифт странный и курсор совсем не там отображается где находится

https://codesandbox.io/s/wqp33z0olw

ага. В кодсэнбоксе ошибка воспроизводится именно так как у меня, но только в фаерфоксе. В хроме ест точку нормально. UPD: Проверил, мой проект тоже без ошибок.

ага. В кодсэнбоксе ошибка воспроизводится именно так как у меня, но только в фаерфоксе. В хроме ест точку нормально. UPD: Проверил, мой проект тоже без ошибок.

может баг в фф?

ага. В кодсэнбоксе ошибка воспроизводится именно так как у меня, но только в фаерфоксе. В хроме ест точку нормально. UPD: Проверил, мой проект тоже без ошибок.

А в чём проблема возникает?

Тем более у тебя неправильно обновление написано. Не мутируй данные.

может баг в фф?

в мобильном ФФ баг тоже тот же

А в чём проблема возникает?

подсвечивает красным поле, как будто там ошибка, если ввести данные с точкой.

Тем более у тебя неправильно обновление написано. Не мутируй данные.

Обычно там let form = Object.assign({}, this.state.form) - это ок?

Обычно там let form = Object.assign({}, this.state.form) - это ок?

Нет. Используй колбек. Напрямую к стейту только при асинк операциях можно стучаться и в рендере.

Нет. Используй колбек. Напрямую к стейту только при асинк операциях можно стучаться и в рендере.

setState(previousState => {} ) ?

setState(previousState => {} ) ?

Да.

Типа такого updateFormState = event => { const field = event.target.name; this.setState(prevState => ({ form: { ...prevState.form, [field]: event.target.value } })); };

Типа такого updateFormState = event => { const field = event.target.name; this.setState(prevState => ({ form: { ...prevState.form, [field]: event.target.value } })); };

спасибо, подправлю???

ERROR: S client not available

Может кто нибудь подсказать по поводу тс? пытаюсь просто присвоить значение стэйту http://prntscr.com/kdpj2r выдает такую хуйню http://prntscr.com/kdpjho полностью компонент http://prntscr.com/kdpjmu

Есть ли у react navigation какие то хуки для перехвата события перед переходом на новый скрин ? Или как по другому реализовать систему пермишенов, что бы при переходе на запрещенный роут у нас перед переходом происходила проверка, и в случае запрета, выдавало уведомление.

Всем привет! Ребята, нуждаюсь в совете по компоненту material-ui (Устаревшей версии). Мне нужно воспользоваться на реакте компонентом для разворачивания списков <List />: https://material-ui.com/demos/lists/#lists, он называется Collapse. Правильно ли я понял, что Collapse не поддерживается в старых версиях, и без обновления пакета до @material-ui/core здесь не обойтись? Сможет ли кто-то посоветовать аналог компонента, чтобы его можно было импортнуть в проект, либо, способ апргейда, потому что в 18 версии material-ui нет Collapse, но есть List, например.

https://github.com/facebook/react/releases/tag/v16.4.2

Всем привет! Нужна помощь - подскажите долбаюсь уже день, есть страница на ней табы контент для табов передаю в компонент при нажатии на таб в компонент передаются другие данные, данные беру с firebase, но при загрузке страницы должны инициализироваться данные сразу и записываться в state, но они почемуто не записываются, упускаю чтото уже сутки не могу понять в чем причина вот скрин - http://prntscr.com/kdq2aq , и второй - рендер - http://prntscr.com/kdq2n9 , при этом проверяю есть ли данные в стейте в конструкторе в функции didMount и в render - http://prntscr.com/kdq3hw , данные в state есть но почему они не передаются в компонент не могу понять

Кто юзал normalizer, вы прогоняли данные перед тем как запихнуть их store или в селекторе перед тем как прокинуть их в компонент?

Ребят, так вообще законно делать? Названия я заменил, но вытягивать инфу из document? componentDidMount() { this.props.doSomething(document.page_info); this.props.doSomethingElse(document.productData); this.props.doSemethingMoreElse(document.items); this.props.doNotDo(document.items[0]); }

Всем привет! Нужна помощь - подскажите долбаюсь уже день, есть страница на ней табы контент для табов передаю в компонент при нажатии на таб в компонент передаются другие данные, данные беру с firebase, но при загрузке страницы должны инициализироваться данные сразу и записываться в state, но они почемуто не записываются, упускаю чтото уже сутки не могу понять в чем причина вот скрин - http://prntscr.com/kdq2aq , и второй - рендер - http://prntscr.com/kdq2n9 , при этом проверяю есть ли данные в стейте в конструкторе в функции didMount и в render - http://prntscr.com/kdq3hw , данные в state есть но почему они не передаются в компонент не могу понять

потому что у тебя в setState firstData, а в render currentData?

Всем привет! Нужна помощь - подскажите долбаюсь уже день, есть страница на ней табы контент для табов передаю в компонент при нажатии на таб в компонент передаются другие данные, данные беру с firebase, но при загрузке страницы должны инициализироваться данные сразу и записываться в state, но они почемуто не записываются, упускаю чтото уже сутки не могу понять в чем причина вот скрин - http://prntscr.com/kdq2aq , и второй - рендер - http://prntscr.com/kdq2n9 , при этом проверяю есть ли данные в стейте в конструкторе в функции didMount и в render - http://prntscr.com/kdq3hw , данные в state есть но почему они не передаются в компонент не могу понять

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

Всем привет, есть ли знатоки Victory? Мне нужно выделять зону и получать из нее точки. Есть в victory SelectionContainer, но он не совсем подходит мне по поведению, т.к. мне нужно, чтобы выделение оставалось после того, как пользователь отпустил кнопку мыши + мне нужно, чтобы это выделение потом можно было перетаскивать драгом. Для такого поведения больше подходит BrushContainer, но он отдает не точки а domain. Есть ли какой-то простой способ получить точки, входящие в этот domain?

Ребят, так вообще законно делать? Названия я заменил, но вытягивать инфу из document? componentDidMount() { this.props.doSomething(document.page_info); this.props.doSomethingElse(document.productData); this.props.doSemethingMoreElse(document.items); this.props.doNotDo(document.items[0]); }

const { doSomething, doSomethingElse, doSemethingMoreElse, doNotDo } = this.props; так было бы красивей по моему)

const { doSomething, doSomethingElse, doSemethingMoreElse, doNotDo } = this.props; так было бы красивей по моему)

Да не в этом же дело, я о том, что данные гребут из document, может я чего не знаю, но мне кажется им там не место

Да не в этом же дело, я о том, что данные гребут из document, может я чего не знаю, но мне кажется им там не место

А как они туда попали?

потому что у тебя в setState firstData, а в render currentData?

firstData это полные данные которые я выгребаю с базы потом я их сортирую

Да не в этом же дело, я о том, что данные гребут из document, может я чего не знаю, но мне кажется им там не место

там что asp.net?

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

при загрузки страницы первый раз

привет, подскажите, можно ли вывести версию определенного npm пакета на экран?

потом нажимаешь на таб

firstData это полные данные которые я выгребаю с базы потом я их сортирую

так у тебя changeTab никто не вызывает

и данные появляются

при загрузке страницы ?

А как они туда попали?

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

потом нажимаешь на таб

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

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

cshtml ?

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

в общем смотря что за данные и для чего их туда пихают.

там что asp.net?

Нода и преакт, но преакт так ракально сделан, что для каждой страницы создается хтмл и к нему по сути создается новый App (для каждой страницы)

так у тебя changeTab никто не вызывает

http://prntscr.com/kdq94h

http://prntscr.com/kdq94h

ну так этот onChange происходит когда ты меняешь табу. ты уверен, что onChange срабатывает при загрузке?