Size: a a a

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

2020 August 16

t

twilly in React — русскоговорящее сообщество
Pasha Ivanov
return state.todos.map((item) => {
  if (item.id === id) {
    return { ...item, checked: !item.checked }
  }

  return item
})
можно тоже самое в 1 строчку через тернарник
источник

ii

ilia ivanik in React — русскоговорящее сообщество
ilia ivanik
return (
 (this.state.state_0 || this.state.state_1) && <div>content</div>
)

когда у меня: this.state.state_0 - рендерится <div>content</div> (все нормально)
когда стейт меняется: this.state.state_1 - react ПЕРЕ-РЕНДИРИВАЕТ <div>content</div> (зачем-то ...)

в чем может быть проблема?
или это так и должно работать, кто в курсе, подскажите пожалуйста?
источник

t

twilly in React — русскоговорящее сообщество
todos.map(task=>task.id === id ? { ...task, !task.checked } : task))
источник

PI

Pasha Ivanov in React — русскоговорящее сообщество
а можно todos.map(t=>t.id==id?{...t,checked:!t.checked}:task

только зачем? чистота кода и читаемость должна быть
источник

6

6iXT in React — русскоговорящее сообщество
Pasha Ivanov
а можно todos.map(t=>t.id==id?{...t,checked:!t.checked}:task

только зачем? чистота кода и читаемость должна быть
чет я сразу не подумал что можно заспредить прям внутри мап))
источник

6

6iXT in React — русскоговорящее сообщество
спасибо за ответ
источник

c⁣

createStore<🦉>... in React — русскоговорящее сообщество
Andrii Mosin
<select name="cities" id="cities">
         {data.allContentfulBlogPost.edges.map((edge) => {
           return (
             <option value="" key={<Adrress x={edge.node.location.lon} y={edge.node.location.lat} />}><Adrress x={edge.node.location.lon} y={edge.node.location.lat} /></option>
           )
         }
         )}
       </select>
Потому что нельзя компонент засунуть в поле обычного html элемента
источник

L

Libertas in React — русскоговорящее сообщество
есть такой стейт, надо обратиться к "cod"  а при попытке обратиться мне выдает хренову тучу ошибок, во втором скрине обращение
источник

L

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

L

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

c⁣

createStore<🦉>... in React — русскоговорящее сообщество
Libertas
вот ошибки
Так у тебя начальный стейт пустой
источник

c⁣

createStore<🦉>... in React — русскоговорящее сообщество
Разумеется при первом рендере так будет
источник

c⁣

createStore<🦉>... in React — русскоговорящее сообщество
У тебя нет данных и ты обращаешься undefined
источник

L

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

L

Libertas in React — русскоговорящее сообщество
получается статус это первый уровень а сod на уровень выше
источник

L

Libertas in React — русскоговорящее сообщество
и вот на уровень выше не работает нифига
источник

c⁣

createStore<🦉>... in React — русскоговорящее сообщество
Libertas
когда обращаюсь к  status выдает его без проблем
Ответ я уже написал
источник

c⁣

createStore<🦉>... in React — русскоговорящее сообщество
Если попробуешь добавить консоль лог ты и сам увидишь
источник

L

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

PI

Pasha Ivanov in React — русскоговорящее сообщество
сделать

if (!weatherData || !weatherData.data) {
 return null
}

return (...
источник