Size: a a a

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

2020 July 04

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Алексей Коршунов
Что-то не понял
id, text: value
Кто по итогу value получит?
в массиве объекты {id, text}, вот id прилетит в поле id, а в текст прилетит e.target.value
источник

И

Иван in React — русскоговорящее сообщество
Vladimir Samoilenko
const inputChanged = (e, id) => {
   setList(list.map((item, index) =>
     (index === id ? { id, text: e.target.value } : item)));
 };
ты тут возвращаешь объект { id, text }, где id — это индекс в массиве. достаточно странно + в изначальном объекте такого поля нет


вот это решение получше
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Иван
ты тут возвращаешь объект { id, text }, где id — это индекс в массиве. достаточно странно + в изначальном объекте такого поля нет


вот это решение получше
{...item, text}? В принципе, да, я обычно так и делаю в тех случаях, когда структура объекта может в перспективе дополняться.
источник

g

godunovofc in React — русскоговорящее сообщество
Привет. Как отображать контент, в зависимости от url. Структура: страница с туду-листами, внутри каждого туду-листа обычный список задач, переход внутрь самого компонента сделал с помощью роутинга, а вот как контент отображать нужный не могу понять
источник

В

Влад in React — русскоговорящее сообщество
Здраствуйте
источник

В

Влад in React — русскоговорящее сообщество
Подскажите сейчас как лучше оформлять Reducers на spread operator или Immutable.js
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
godunovofc
Привет. Как отображать контент, в зависимости от url. Структура: страница с туду-листами, внутри каждого туду-листа обычный список задач, переход внутрь самого компонента сделал с помощью роутинга, а вот как контент отображать нужный не могу понять
покажи как сделал с помощью роутинга
источник

g

godunovofc in React — русскоговорящее сообщество
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Хочешь внутри TodoList уже решать что показывать?
источник

g

godunovofc in React — русскоговорящее сообщество
да
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
В целом у реакт роутера идея немного другая. Нужно иметь отдельный  компонент для каждого роута.
Например
/ = TodoList.jsx
/todolist/:id = Todo.jsx
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
https://reactrouter.com/web/example/basic

Изучай этот пример и тот который ниже
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmitriy Shuleshov
https://reactrouter.com/web/example/basic

Изучай этот пример и тот который ниже
источник

g

godunovofc in React — русскоговорящее сообщество
Как тогда реализовывать переход внутрь тудулиста?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
godunovofc
Как тогда реализовывать переход внутрь тудулиста?
Используя компонент Link из той же библиотеки. Посмотрите примеры.
источник

g

godunovofc in React — русскоговорящее сообщество
Я его и использую, при нажатии на одну из ссылок открывается нужный компонент со списком задач, но вот задачи, как подтянуть из нужного места я пока не понимаю
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
godunovofc
Я его и использую, при нажатии на одну из ссылок открывается нужный компонент со списком задач, но вот задачи, как подтянуть из нужного места я пока не понимаю
redux тебе в руки!
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Vladimir Samoilenko
redux тебе в руки!
сейчас тебя дед отчехвостит
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Dmitriy Shuleshov
сейчас тебя дед отчехвостит
за что?!
источник

g

godunovofc in React — русскоговорящее сообщество
Vladimir Samoilenko
redux тебе в руки!
Он на очереди, просто думал, что что-то в роутинге пропустил
источник