Volodymyr
Не понятно почему оно как-то секретно гуглится и об этом не содержится никакого описания ни в mobx, ни в mobx-react, но работает.
Возможно они не хотят что бы его использовали. Или это достаточно специфическая вещь. Имхо.
Alexey
@Demuzz https://github.com/mobxjs/mobx-react/blob/master/README_v5.md#componentwillreact-lifecycle-hook
Alexey
Не заметил такой тенденции. :)
Alexey
Возможно из - за того, что он удобнее для небольших проектов. Хз. :)
Demuz
Я и был на мобиксе. Только 1 проект за все время на ридаксе просили написать, а остальные проекты заказчики настаивали на мобикс.
Demuz
принцип - 1 час может, остальное практика и тд
petyappetrov
какие у вас прозрачные отношения с заказчиками
Demuz
какие у вас прозрачные отношения с заказчиками
Всякие заказы еды, бронирования дач на мобиксе, а проекты типа банковских на ридаксе
artalar
Его пиарят больше чем редакс
artalar
Сейчас
artalar
От человека зависит
Anonymous
Его пиарят больше чем редакс
А редаксу уже не нужно пиариться, его и так все знают
artalar
угу
Volodymyr
Народ подскажите плиз как сделать так что бы все строки были открыты по дефолту, у меня это не работает, вот пример https://codesandbox.io/s/react-functional-component-b4t7j?fontsize=14
artalar
Есть альтернативы? https://github.com/zesik/react-splitter-layout
artalar
что-то не устроило?
Последний апдейт в апреле и висящие ПР / ишьесы без ответа
Alexey
Volodymyr уже нашли решение?
Alexey
Volodymyr вот ваше решение <Table rowKey={"id"} columns={columns} dataSource={data} // defaultExpandAllRows={true} defaultExpandedRowKeys={[23, 22]} expandedRowRender={record => ( <span> {record.description} {record.id} </span> )} pagination={false} expandRowByClick={true} />
Alexey
мне надо все по дефолту вскрывать. Перебирать все айди это да..
Можно перечислить все id. Другого выхода пока не знаю. :)
Volodymyr
Можно перечислить все id. Другого выхода пока не знаю. :)
Спасибо тебе добрый человек. По поводу переборки у меня тоже работало )) Просто я думал можно выставить что бы все просто в true и все )
Volodymyr
Странно, что это не работает. Я про defaultExpandAllRows
работает только если не использовать хуки и стейт, а просто перед ретурном сделать что то такое data = []; data.push({ id: 23, title: "dasdasd", description: "asdasdasd", categories_ids: [1] }, { id: 22, title: "11111", description: "", categories_ids: [1, 2, 3] }, { id: 21, title: "11111", description: "111111", categories_ids: [1, 2] }, { id: 20, title: "title", description: "1111", categories_ids: [1, 2, 3] }) вот так заработает. но это ппц ....
Sheldhur
кто нибудь делал собсвенно ручно инпуты с вводом по маске?
Sheldhur
как бороться с положением курсора если в процессе форматирования вводимого значения оно увеличивается в длине?
Sheldhur
спасибо, это многое меняет
Alexey
работает только если не использовать хуки и стейт, а просто перед ретурном сделать что то такое data = []; data.push({ id: 23, title: "dasdasd", description: "asdasdasd", categories_ids: [1] }, { id: 22, title: "11111", description: "", categories_ids: [1, 2, 3] }, { id: 21, title: "11111", description: "111111", categories_ids: [1, 2] }, { id: 20, title: "title", description: "1111", categories_ids: [1, 2, 3] }) вот так заработает. но это ппц ....
Ну я, вроде, понял в чём проблема. :) В общем эта таблица не отрисоывавает заново полученные пропсы. Если сделать через useRef, то всё работает так же как и просто data.push(... Проблема в том, что происходит 2 рендера таблицы. То ли просто какие - то конфликты с хуками, то ли оплошность самой таблицы, но если сразу послать нужные данные, то всё работает. https://codesandbox.io/s/react-functional-component-7jqjk
Oruj
ребят чет не устанавливает npm пакеты. останавливается на этом
Alexey
Ага, сейчас гляну просто эти данные я с бека получаю...(
Ну вы можете не отрисовывать таблицу, пока не получите данные с бека. Фиговый подход, наверное, но рабочий. :)
Alexey
проблема с keys возможно, если проблема в отрисовки второй таблицы
Именно второй рендер не работает. А где эти keys?
Dinar I
ну их нужно задавать обычно при map методе, просто react по этим ключам рендерит элементы, если вдруг ты добавил новый элемент в этом массив. Эти ключи офкс должны быть уникальными и не быть индексами массива. В офиц доках по реакту об этом сказано. У меня просто отрисовывались несколько модальных окон, по этой причине(ключи были одинаковыми)
Dinar I
вариант я сейчяас не смогу скинуть долгое дело)Погуглите либо в офиц документации найдите
Volodymyr
вариант я сейчяас не смогу скинуть долгое дело)Погуглите либо в офиц документации найдите
я понял ) ну вроде тебе ответили что проблема не в этом. даже если использовать идентификатор какой то другой, все равно проблема та же.
Volodymyr
А данные получаются единоразово или дополняются?
дополняются. Их пользователь создает.
Alexey
дополняются. Их пользователь создает.
Ахаха. Ну как варик, можно каждый раз создавать новую таблицу после внесения данных, но это уж точно не самое приятное решение. :))
Alexey
Volodymyr а нужно использовать обязательно эту таблицу?
Volodymyr
И мало того это типо форма в форме ))) короче я тут просто подрываюсь ))))
artalar
как бороться с положением курсора если в процессе форматирования вводимого значения оно увеличивается в длине?
С курсором вообще не просто бороться, можно чуть переработать UX и сделать проще: https://codesandbox.io/s/k0q48ky013
artalar
Пример не лучший, но смысл показывает
Sheldhur
типа свой курсор?
Sheldhur
ну не
Sheldhur
это ваще какой-то костыль костыльный
Sheldhur
и задачу не решает никак вообще, маскировать же надо телефоны, валюту, ваские серийные номера и прочее
artalar
типа свой курсор?
Нет, просто подсветка необходимых частей, вместо их разделения
Sheldhur
да я понял уже
artalar
“программирование на класснеймах”
artalar
Мотивация перейти на css-in-js 🙂
Default
Мотивация перейти на css-in-js 🙂
А нафига так сложно? 🤔
Default
Это какой-то jss на минималках
Юра
“программирование на класснеймах”
“CSS не язык программирования, говорили они”
Maxim
Мотивация перейти на css-in-js 🙂
Зачем тебе это, очнись, есть css)
artalar
css-in-js - это и есть css, просто с препроцессингом некоторых значений нативным JS, а не хелперами какого-нибудь сасс
artalar
https://t.me/react_js/750038
Eugene
https://t.me/react_js/750038
интересный способ описания стилей 🤔
artalar
Вот еще примеры из реального кода
artalar
Eugene
🤔а если большой компонент с логикой?
Eugene
теги как-то намешаны в css 🤔
artalar
как это?
Eugene
ладно, пойду открою на гитхабе reshadow лучше
Eugene
header Menu .class 🤔
artalar
ну все селекторы семантичные зато. Это просто компонент содержит несколько разных подселекторных элементов 🙂 Зато класснеймы не пишешь, и ошибиться намного сложнее
Oruj
ребят, какие пакеты npm должны быть установлены глобально для установки реакта?
Eugene
Что о-о
Oruj
npx create-react-app .
а это разве в руководстве реакта где то обозначается?
Ivan
возможно я саму концепцию не уловил
https://overreacted.io/a-complete-guide-to-useeffect/