Size: a a a

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

2021 June 09

DN

Drew Naumenko in React — русскоговорящее сообщество
я это понимаю

полагаю он работает как глобальная переменая над фyнкцией ну тоесть она может запоминать некие значения в себя


ну схематически в голове чтото такое рисую
const ref = {current: undefined}

cobnst Component = () => {

 ref.current = someValue

}
источник

DN

Drew Naumenko in React — русскоговорящее сообщество
вот и я не пойму и хочу разобраться когда же без реф не обойтись?
но видимо вторая фишка рефа более понятна и оправдана то что он в себя сохранять может , нежели работа с дом елементами
источник

p

persona x grata in React — русскоговорящее сообщество
 const [open, setOpen] = useState(false)
 const ref = useRef()

 useEffect(() => {
   const onBodyClick = (e) => {
     if (ref.current && ref.current.contains(e.target)) {
       return
     }
     setOpen(false)
   }

   document.body.addEventListener('click', onBodyClick, { capture: true })

   return () => document.body.removeEventListener('click', onBodyClick)
 }, [])

///
<div ref={ref}></div>
источник

p

persona x grata in React — русскоговорящее сообщество
Всевозможные ситуации так вмиг не охватишь, надо отталкиваться от ситуации. Почитай статьи  "useRef use cases"
источник

ТК

Тимур Кандарели... in React — русскоговорящее сообщество
ребят, повторю вопрос. когда вставляю в scss background-image: url('img/new.svg'); то ничего не отображается, но когда вставляю с другим разширением background-image: url('img/new.png'); все норм, в чем может быть дело
источник

⚛C

⚛V Cordis💡 💬 in React — русскоговорящее сообщество
Может быть прикол в свг
источник

DN

Drew Naumenko in React — русскоговорящее сообщество
ок, спасибо за дискуссию
источник

К

Кирилл in React — русскоговорящее сообщество
Ребят, такая ситуация. Есть список элементов которые рендерятся с апи, в каждом элементе есть описание и кнопка. При нажатии на кнопку должная открыватся новая страница с  подробной информацией про этот элемент. Подскажите пожалуйста как это реализовать.
источник

⚛C

⚛V Cordis💡 💬 in React — русскоговорящее сообщество
Передавать в компонент уже полученные от АПИ данные
(Напрямую, использовать контекст)
Или делать запрос данных для каждого элемента отдельно уже в самом компоненте
источник

В

Владимир in React — русскоговорящее сообщество
народ, подскажите плиз, как локально удалить установленное my-app в линукс?  (сам  проект)  Спасибо
источник

AZ

Andrey Zhukov in React — русскоговорящее сообщество
Привет!
Пробовал " rm -rf my-app " ?
источник

AZ

Andrey Zhukov in React — русскоговорящее сообщество
Это удалит директорию
Тебе это необходимо?
источник

AZ

Andrey Zhukov in React — русскоговорящее сообщество
Ребята, всем привет!
Если сложный стейт, который не разбить на части
Чтобы его обновить пишу три строчки — 42-44
Как это можно переписать более лаконично ?
источник

p

persona x grata in React — русскоговорящее сообщество
useReducer
источник

AZ

Andrey Zhukov in React — русскоговорящее сообщество
Привет!
Я бы сделал:
В компоненте с кнопку сделал
   Link to={newPage/${id}}
Создал бы роут
   <Route path="newPage/:id" component={newPage}>
На в компоненте newPage добыл бы айдишник, и по нему отобразил информацию
   const { id } = useParams();
источник

DN

Drew Naumenko in React — русскоговорящее сообщество
ну я привык это делать внутри тогда, оно типа как бы структура получаеться
я раньше тоже как ты тут написал   , но потом отошёл потому что как то не явно

setLesson( prevState=> prevState.map( item => 
                      if(item.id  === id) {
                                {...item,  
                                    value: newValue,
                                   value1: newValue

                                 }
                      }
) )


по мне это лучший паттерн что я видел , по крайней мере для меня

по нему и структуру сразу видно
источник

AZ

Andrey Zhukov in React — русскоговорящее сообщество
Ок, спасибо!
источник

АК

Александр Костюченко... in React — русскоговорящее сообщество
А почему вы встроенную функцию filter не используете?
источник

АК

Александр Костюченко... in React — русскоговорящее сообщество
array.filter().map()
источник

AS

Alexandr Sachishin in React — русскоговорящее сообщество
ретурна не хватает
источник