я же хочу видеть что ввожу
локальный стейт сделай и тригери изменения, если число валидное
Vadim
Александр
пускай в стейте строки будут, а в функции что делает вычесения организуй парсинг
тогда можно будет вводить невалидные числа - некруто
Gregory
а я даж не знаю чё ему возразить
в рендере const { getChats, getMessages, ... } = this.props.messages; а mapState2Props messages: state.messages, почему так неудобно?
A
инпут тайп намбер зарешает
на UI мелкие стрелки появляются в инпуте.. не совсем то что нужно. но да, type=number решает
i
@NikolayGrigoryev говорит, что из-за этого перерендер будет
i
каждый раз
Dmitriy
на UI мелкие стрелки появляются в инпуте.. не совсем то что нужно. но да, type=number решает
A
дело в том, что мне нужно сравнивать значения в рядах, выбранный с предыдущим. то есть данные всегда должны быть актуальными в ячейках. если заведу локальные стейты.. и буду ждать валидных значений, то уже будет расхождение данных которые сравниваются с тем что отображается на UI
Dmitriy
а что такое localStringToNumber ?
фунукция которой обрабатываю строку так как мне нужно и парсю число
A
ну я понял, что это функция))
i
Aleksandr типа если в mapState2Props сделать одну переменую, то при любом изменени в mesage будет перерендер в дочерних компонентах
i
но ведь пропсы дочер компонентов получают отдельно значения и каждый экземпляр проводит перерндер опять же по своим пропсам
i
получаемым
Dmitriy
а что такое localStringToNumber ?
просто в велью потом не тупо стейт суешь а пропуская его через функцию обратную parseNumberToLocalString
A
то есть делаешь 2 обработки, так?
Dmitriy
то есть делаешь 2 обработки, так?
если тебе нужен контролируемый компонент и при вводе простоо минуса тебе нужно отобразить минус в инпуте а в стейт 0 записать то выходит что да
A
ввожу минус, в стейт улетает 0, и тут же прилетает 0 в инпут
Dmitriy
ввожу минус, в стейт улетает 0, и тут же прилетает 0 в инпут
просто в велью потом не тупо стейт суешь а пропуская его через функцию обратную parseNumberToLocalString
A
я понимаю, но как я пойму, что ноль это ‘-’, а не, cкажем, ‘+’
A
или что 0, это не 0 ))
Dmitriy
я понимаю, но как я пойму, что ноль это ‘-’, а не, cкажем, ‘+’
значит раздели сущности советовали выше. Стейт для таблицы вцелом один и для каждого инпута свой. Те сдеалй обертку
A
окей, пробовал
A
на OnBlur мне нужно сравнивать данные из текущего ряда, с данными из предыдущего
A
если пользователь.. вводил, и так и не ввёл валидно число, но сделал переход на другой инпут, то состояние стейта таблицы, уже будет отличаться от состояния стейта этого инпута
A
я уже копчу с этой задачей в общей сложности много часов. так бы просто не спрашивал
Алексей
Ребят, декораторы в create-react-app все еще не используя eject нельзя использовать?
Dmitriy
если пользователь.. вводил, и так и не ввёл валидно число, но сделал переход на другой инпут, то состояние стейта таблицы, уже будет отличаться от состояния стейта этого инпута
так ты не разрешай вводить невалидное число и все
Dmitriy
валидируй на этапе функции ончейнджа
Rocket
Сказали что теперь я пишу не на питоне, и делаю фронт, так началась моя история. Думаю у многих схожий путь был, без собеседований и прочего, просто перед фактом поставят в один день.
Вот у меня тоже самое. От JS уже глаз дёргается, хорошо что не только он, но и девопс ещё. 🙂
A
а не строки.. будь строки , я бы вообще не парился)
Oleg
напомните, пожалуйста, как делать диспатч экшена в экшене?
function toggleModal() {
return {
type: сonstants.TOGGLE_MODAL,
};
}
Dmitriy
можно, но у меня в общем стейте - числа
ты можешь сделать обертку длоя инпута со своим стейтом? там храни дисплей велью а по апдейту меняй стейт наверху, в таблице, и перед этим спарсив число.
Andrey
напомните, пожалуйста, как делать диспатч экшена в экшене?
function toggleModal() {
return {
type: сonstants.TOGGLE_MODAL,
};
}
(sidenote: присмотреться к эффектору)
Oleg
:D
wolfe
напомните, пожалуйста, как делать диспатч экшена в экшене?
function toggleModal() {
return {
type: сonstants.TOGGLE_MODAL,
};
}
thunk нужен.
export const myAction = (...args) => (dispatch) => { ... }
A
A
onChange ?
A
хм
A
Dmitry
Dmitry
circle ci
Dmitry
тесты падают из-за этого
Dmitry
все есть
Kurzdor
Google: circle ci webpack tests are failing
Dmitry
мб просто в CI нету команды на установку модулей
Andrew
Народ, подскажите толковую библиотеку для создания таблиц, чтобы легко можно было стилями кастомизировать. Нужна фильтрация, сортировка, а если еще и поиск будет вообще замечательно.
Anton
Ребят, кто нибудь разбирался с новым graph api instagram?
I
Народ, подскажите толковую библиотеку для создания таблиц, чтобы легко можно было стилями кастомизировать. Нужна фильтрация, сортировка, а если еще и поиск будет вообще замечательно.
В анте есть, но это на вкус и цвет, глянь, может подойдет https://ant.design/components/table/
wolfe
Народ, подскажите толковую библиотеку для создания таблиц, чтобы легко можно было стилями кастомизировать. Нужна фильтрация, сортировка, а если еще и поиск будет вообще замечательно.
в двух проектах использовал ag-grid. все перечисленные тобой фичи есть. только не уверен, все ли они есть в community-версии. проверь на всякий случай
АА
Здравствуйте.
<Route path="/" exact component={Help} />
<Route path="/main" component={Main} />
...
<Link to="/main">Начать работу</Link>
<Link to="/">Как пользоваться</Link>
На сервере реальный путь такой /apps/newapp/
Локально всё работает корректно, но при выкладке на сервер перестаёт.
При билдинге ссылки оказываются не:
/apps/newapp/
/apps/newapp/main
a:
/
/main
Как это исправить?
Александр
Oleg
как в css in js добавить анимацию? использую материал юай и with styles
icon: {
marginRight: JSS.constants.spacing.space0,
'@keyframes spin': {
'100%': {
transform: 'rotate(360deg)',
},
},
},
выдаёт TypeError: container.addRule(...).addRule is not a function
АА
В вебе, апачь вроде
Alex 🇺🇦
для деплоя на гитхабе надо было в package.json прописать домен "homepage": "https://github.com/nikonov91-dev/beerGuru",
Artem
Народ, подскажите толковую библиотеку для создания таблиц, чтобы легко можно было стилями кастомизировать. Нужна фильтрация, сортировка, а если еще и поиск будет вообще замечательно.
ag-grid - Advanced Data Grid / Data Table supporting Javascript / React / AngularJS / Web Components.
autoresponsive-react - Auto Responsive Layout Library For React.
essential js 2 grid - The fastest and flexible data grid for react.
gigatables-react - Sorting, pagination/infinite scroll, global/column search, AJAX CRUD, and more.
griddle-react - Simple Grid Component written in React.
react-data-components - React components for sorting, filtering and pagination of data.
react-data-grid - Excel-like grid.
react-pivot - Data-grid component with pivot-table-like for data display, filtering, and exploration.
reactable - Fast, flexible, and simple data tables in React.
reactabular - Spectacular tables for React.
sematable - Client side sorting, pagination, and text filter for redux/react based apps.
Alex 🇺🇦
{
"name": "beerapp",
"version": "0.1.0",
"private": true,
"homepage": "https://github.com/nikonov91-dev/beerGuru",
"dependencies": {
Alex 🇺🇦
у меня без этого не работало
АА
для деплоя на гитхабе надо было в package.json прописать домен "homepage": "https://github.com/nikonov91-dev/beerGuru",
"homepage" прописана, может в вебпак конфиге что нужно?
Alex 🇺🇦
ну так package.json
Alex 🇺🇦
и нужен вебпаку
Alex 🇺🇦
пропиши там, уверен что проблема решится
Mikhail
а как этот homepage связан с роутером?