ну что то не то, может с useReducer не прокатит симбиот просто?
Интересно, кажется я ошибся, не работает
Cenator 🐈
Bogdan
https://codesandbox.io/s/crimson-field-iqt8f
Bogdan
Покажи как ты сделал
https://codesandbox.io/s/sleepy-diffie-tbb1r
не доделал пока тут ошибку сыпит но смысл виден
Bogdan
почему первый аргумент null?
Artem
https://codesandbox.io/s/crimson-field-iqt8f
так вроде работает
const { actions, reducer } = createSymbiote(null, {
setHui: (state, payload) => {return {hui: state.hui + payload};}
});
Cenator 🐈
Bogdan
так вроде работает
const { actions, reducer } = createSymbiote(null, {
setHui: (state, payload) => {return {hui: state.hui + payload};}
});
ну да, я так же сделал, просто в контексте все
Kostya
{moment(diaryEvent.date).locale('ru').format('DD MMMM. dddd’)}
мб есть способ по проще
выводит например 13 мая. понедельник
понедельник в ловер кейсе, как зааперкейсить первую букву в даном кейсе?
я могу канеш, написать функцию, сделать слайс там
но мб в моменте ето как то попроще можно сделоть м?
в русской локали они спецом в ловеркейсе сделаны
Artem
хм, должно работать, там же нет никакой магии (вроде как)
Bogdan
хм, должно работать, там же нет никакой магии (вроде как)
да все сделал, просто изначально не понял как соединить с симбиотом
Bogdan
Ну потому что useReducer свой стейт передает
без диспача екшен не выстрелит, потому что его не прослушает никто? если в диспач передать, он изменит стейт, дернет слушателя и вернет акшен?
Bogdan
Да
я пробую через контекст, ну вообще конечно можно ефектор заюзать, но уже после думаю, если много кода в контексте выйдет, логику симбиота по сути, можно вынести рядом положить?
Bill
Доброго дня. Хочу поменять структуру проекта. Может кто знает плагин для VSCode который следит за ссылками в import-ах?
Bogdan
Доброго дня. Хочу поменять структуру проекта. Может кто знает плагин для VSCode который следит за ссылками в import-ах?
разве он не из коробки так делает? ctrl и кликни на импорт
Kuat
Доброго дня. Хочу поменять структуру проекта. Может кто знает плагин для VSCode который следит за ссылками в import-ах?
Когда файл переносишь или переименовываешь, он сам предлагает обновить импорты
Vova
записываешь новые items в переменную,прокидываешь как newItems, а старые прокидываешь как просто items
если я понял правильно суть вопроса
Vova
<Component newItems={newItems} items={items} />
Volodymyr
Народ чет туплю есть
`
state : {
contextMenuPosition: {
top: '',
left: ''
},
}
`
Хочу обновить значение top или left =>. через setState, как лучше ?
this.setState({ contextMenuPosition: { left: event.clientX - menuWidth } }); или другой вариант ?
🦜
Народ чет туплю есть
`
state : {
contextMenuPosition: {
top: '',
left: ''
},
}
`
Хочу обновить значение top или left =>. через setState, как лучше ?
this.setState({ contextMenuPosition: { left: event.clientX - menuWidth } }); или другой вариант ?
this.state(state => ({newState}))
Filipp
А разве в setState не нужно передать {contextMenuPosition: {…this.state.conextMenuPosition, left: event.clientX - menuWidth}}, чтоб сохранить предыдущее значение top?
Volodymyr
Bogdan
Valera
state(({ contextMenuPosition}) => ({ contextMenuPosition: {...conextMenuPositon, left: newLeft}}))
Cenator 🐈
Vladislav
Stepan
Гайс, привет. Подсобите - почему может чекбокс не перерисовываться в таком компоненте. Стейт при клики по чекбокусу правильно изменяет значения... :
mport React from 'react';
import { Input, Col, Label, FormGroup } from 'reactstrap';
export default function Smartfield(props) {
const field = props.itemFieldSet;
const value = props.item[props.itemFieldSet.field];
console.log('value is: ', value);
function onFieldValueChage(event) {
const _item = props.item;
if (event.target.type !== 'checkbox') {
_item[event.target.id] = event.target.value;
} else {
_item[event.target.id] = !_item[event.target.id];
console.log('event: ', event.target.checked);
}
props.itemUpdate(_item);
}
return (
<FormGroup row>
<Col md="3">
<Label htmlFor="hf-email">{field.label}</Label>
</Col>
<Col xs="12" md="9">
{(field.type !== 'checkbox') &&
<Input
type={field.type} id={field.field}
name={field.field} placeholder={field.placeholder}
defaultValue={value}
disabled={false}
onChange={onFieldValueChage}
/>
}
{(field.type === 'checkbox') &&
<Input
type={field.type} id={field.field}
name={field.field} placeholder={field.placeholder}
checked={value}
disabled={false}
onChange={onFieldValueChage}
/>
}
</Col>
</FormGroup>
);
}
Vladislav
не могу вьехать, типо если текст не изменился не делать перерендер?
ну у тебя по коду, при onChange диспатчится action c одним и тем же параметром
Bogdan
ну у тебя по коду, при onChange диспатчится action c одним и тем же параметром
у каждого инпута свой
Bogdan
Vladislav
у каждого инпута свой
ну ок тогда, в таких случаях на инишил стадии лучше reduxForm брать, но это просто так, к слову
Bogdan
ну ок тогда, в таких случаях на инишил стадии лучше reduxForm брать, но это просто так, к слову
ну у меня там нужно с возможностью редактировать еще
Vladislav
ну у меня там нужно с возможностью редактировать еще
ну с этой целью эти формы точно справились бы, а что такое objectPath?
Roman
ребят, я хочу компонент прокинуть как аргумент в функции, забыл так можно?
Bogdan
ну с этой целью эти формы точно справились бы, а что такое objectPath?
что бы обновлять вложенные в обьект инпуты
Bogdan
Bogdan
ну с этой целью эти формы точно справились бы, а что такое objectPath?
ну вот ошибка, я уже не могу, что не так то
Bogdan
ну с этой целью эти формы точно справились бы, а что такое objectPath?
Vladislav
Bogdan
если я правильно понял ворнинг, там идет речь, о том, что ты пытаешся засетить null
Vladislav
Bogdan
что тебе мешает продебажить и посмотреть в какое время он начинает орать?
при первом клике падает сразу
Roman
Bogdan
мерси то что надо, у меня тоже модалка в которую хочу передать компонент) но я там слегка нагородил...
можешь мою заюзать, открывается и закрывается из любого места
https://codesandbox.io/s/pedantic-chandrasekhar-srcqh
Roman
можешь мою заюзать, открывается и закрывается из любого места
https://codesandbox.io/s/pedantic-chandrasekhar-srcqh
спасиб, да я себе накрутил похожую, там в другом дело. завтра уже на свежую голову надоб распутаться
Volodymyr
чувствую себя дебилом, пачаны что я не так делаю? поч не мержится обьект?
ожидаю получить такую штуку
где по ключу “1” у меня будет дата с этими двумя обьектами, а в итоге получаю два разных обьекта с ключом “1”
?)
Volodymyr
Volodymyr
Eugen
Ребята, всем привет Есть вопрос такое. в Редюсеры можно передать несколько экшонов. ? использую либу redux-actions.
Можно ли сделать типо так [action1, action2]: () => {}
Vladimir
чувствую себя дебилом, пачаны что я не так делаю? поч не мержится обьект?
ожидаю получить такую штуку
где по ключу “1” у меня будет дата с этими двумя обьектами, а в итоге получаю два разных обьекта с ключом “1”
?)
const res = [];
diaryEvents.forEach(date => { /* res.push() */});
return res;
в сто раз проще будет
Volodymyr
)
🦜
Андрей
const res = [];
diaryEvents.forEach(date => { /* res.push() */});
return res;
в сто раз проще будет
Почему просто цикл не использовать?
Vladimir
Почему просто цикл не использовать?
на цикл линтеры порой ругаются (в airbnb например по дефолту запрещены)
Андрей
на цикл линтеры порой ругаются (в airbnb например по дефолту запрещены)
Тебе не кажется, что это уже абсурд?
Bogdan
это тут вот описано https://reactjs.org/docs/events.html
я не могу понять, раньше ведь через event достать можно было все