Size: a a a

React — русскоговорящее сообщество

2021 June 03

SM

Soltukiev Malik in React — русскоговорящее сообщество
так пепеключение на последнюю открытую и есть шаг назад
источник

A

Aleksandra in React — русскоговорящее сообщество
Всем привет, начинаю изучать react 😭 подскажите пожалуйста как вывести на экран все элементы из стор?
Например получаю из стор объект
Obj= {аааа:5, fffff:4,..}
Не знаю как пройтись по всем элементам, чтобы отобразилось
Так :
ааа:5
fffff:4
Делаю map
[Obj].map(item => <div key={item.Id}>{Obj[object.keys(Obj)]}</div>
Отображается только первое значение 5, но если изменять стор и добавлять ещё элементы, то ничего не отображается,
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Object.entries(Obj).map(([key, value]) => (
 <div key={key}> {key}: {value} </div>
))
источник

SG

Sos Genrikovich in React — русскоговорящее сообщество
Можно костыльно сделать, но скорее всего тебе это не нужно
источник

SM

Soltukiev Malik in React — русскоговорящее сообщество
и как это реализовать?
источник

S

SkyWalker in React — русскоговорящее сообщество
Попробуй после Obj методы keys / entries
А уже потом map. Должно получиться
источник

SM

Soltukiev Malik in React — русскоговорящее сообщество
есть функция, в кототорой создается сессия и засовывается в стейт, и в этой же функции дальше нужно работать с этой сессией из стейта
источник

AG

Alexey Golovanov in React — русскоговорящее сообщество
Всем привет. Подскажите плиз
Использую хук usedropzone
<input {...getInputProps()} />
почему то на клик не реагирует
может кто сталкивался ?
источник

JK

John Kanegem in React — русскоговорящее сообщество
Ребят, подскажите пожалуйста:

Есть вот такой вот стор:

const defaultStore = {
 toDos: {
   toDo1: {
     title: "Позвонить преподователю",
     desc: "Посоветовать ему кофе",
     time: "10:30",
     stars: 1,
     completed: false,
   },
   toDo2: {
     title: "Проснуться с утра",
     desc: "Налить кофе себе",
     time: "8:00",
     stars: 2,
     completed: true,
   },
   toDo3: {
     title: "Помыть машину",
     desc: "И отдать только купюрами в 100 рублей",
     time: "22:00",
     stars: 3,
     completed: false,
   },
 },
};

изменением состояния управляет редьюсер

export default function reposReducer(state = defaultStore, action, key) {
 switch (action.type) {
 
   case CHANGE_TODO_STAR:
     return {
       toDos: {
         ...state,
         [key]: {
           ...state[key],
           stars: action.payload,
         },
       },
     };
   default:
     return state;
 }
}
источник

A

Aleksandra in React — русскоговорящее сообщество
Спасибо !
источник

JK

John Kanegem in React — русскоговорящее сообщество
И экшн

export const changeStarReducer = (stars, key) => ({
 type: CHANGE_TODO_STATUS,
 payload: stars,
 key: key,
});
источник

A

Aleksandra in React — русскоговорящее сообщество
Спасибо !
источник

SG

Sos Genrikovich in React — русскоговорящее сообщество
Так у тебя же есть сессия созданная, которую ты в стейт пихаешь. Можешь работать с ней
источник

JK

John Kanegem in React — русскоговорящее сообщество
Может я неправильно key передаю?
источник

SG

Sos Genrikovich in React — русскоговорящее сообщество
const session = createSession()
setSession(session)
делаешь что угодно с session
источник

JK

John Kanegem in React — русскоговорящее сообщество
Данные в сторе менюятся не в объекте, а создается undefined и в нем srar
источник

JK

John Kanegem in React — русскоговорящее сообщество
Правильно ли передавать так key?


case CHANGE_TODO_STAR:
     return {
       toDos: {
         ...state,
         [key]: {
           ...state[key],
           stars: action.payload,
         },
       },
     };
   default:
     return state;
 }
}
источник

SM

Soltukiev Malik in React — русскоговорящее сообщество
так сессия не сразу в стейт попадает из-за ассинхронности, мне надо дождаться, я сделал через useEffect, но в классовых можно было вторым параметром просто функцию передать в this.setState()
источник

AZ

Alexandr Zharkov in React — русскоговорящее сообщество
а разве туда функцию нельзя передать как  в setStatе
источник

SM

Soltukiev Malik in React — русскоговорящее сообщество
не работает почему-то
источник