Size: a a a

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

2020 October 20

I

IsFaNdiYor in React — русскоговорящее сообщество
Всем привет кто-нибудь сталкивался с такой проблемой?
кэш очистил тоже такая я же ошибка
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Green Orange
я просто не знаю, а возможно ли расширить компонент (как делают HOC) с помощью хуков?
Ну там миллион логики , смысл ? А с хоком есть таблица моя и там где нужно, таблица с хоком и новым функционалом , через хук это не удобно
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Короче бывает , что хок удобнее хука , мб пример кривой
источник

M

Myroslav 🍎 in React — русскоговорящее сообщество
Ребят,помогите легкий таск,но мозги не варят вообще
Есть либа react-use-websocket для работы с сокетами в реакте
Мне нужно получать от сокета  массив с двумя полями time :13:05,pulse:85
потом записать это в стейт   const [data, setData] = useState([]);
и вывести в это все в график recharts.

Проблема в том что я не могу нормально записать массив в основной массив состояние , что бы получить последнее сообщение в либе есть lastMessage

Скриншот№1 - Вот такая структура данных должно получиться в состоянии
Либа - https://github.com/robtaussig/react-use-websocket#readme
источник

M

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

А

Александр in React — русскоговорящее сообщество
Bogdan Aleksandrovich
Ну там миллион логики , смысл ? А с хоком есть таблица моя и там где нужно, таблица с хоком и новым функционалом , через хук это не удобно
Мне кажется, что имеется ввиду написать что-то типа такого:
const NewComponent = () => {
   const selectedItem = useSelector(selector);

   return (
       <OldComponent propItem={selectedItem} />
   );
}
источник

MD

Mihail Donskoy in React — русскоговорящее сообщество
Всем добрый вечер. Коллеги, подскажите, что может быть. Я сейчас вхожу в моб разработку на react native и столкнулся с проблемой. Я запускаю проект но в эмуляторе тупо белый экран, хотя все работает reload и device menu. Ошибок никаких нет. Использую vscode и Android studio (эмулятор).
источник

MD

Mihail Donskoy in React — русскоговорящее сообщество
А и ubuntu 18.04
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Александр
Мне кажется, что имеется ввиду написать что-то типа такого:
const NewComponent = () => {
   const selectedItem = useSelector(selector);

   return (
       <OldComponent propItem={selectedItem} />
   );
}
А зачем мне логика селекта там, где он не нужен ?
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
Bogdan Aleksandrovich
Например если я не хочу делать второй компонент , но хочу расширять первый , последний пример мой это таблица с селектом, первая таблица без селекта, хок даёт функционал селекта
Что значит расширить первый?
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Bogdan Aleksandrovich
А зачем мне логика селекта там, где он не нужен ?
И зачем мне делать второй компонент или лишние телодвижения ? Когда я могу обернуть в хок и использовать там , где это нужно

Table
TableWithSelectHoc
источник

II

Ilya Izilanov in React — русскоговорящее сообщество
хоки можно же не только для бл использовать, у нас на проекте только один хок, аля
switchMobile(MobileVersion, DesktopVersion);

или люди так добавляли страницы в зависимости от роли пользователя
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
Bogdan Aleksandrovich
И зачем мне делать второй компонент или лишние телодвижения ? Когда я могу обернуть в хок и использовать там , где это нужно

Table
TableWithSelectHoc
Ты понимаешь, что ты несешь?
источник

И

Иван in React — русскоговорящее сообщество
Bogdan Aleksandrovich
Ну там миллион логики , смысл ? А с хоком есть таблица моя и там где нужно, таблица с хоком и новым функционалом , через хук это не удобно
const NewComponent = withLogic(OldComponent)


const NewComponent = (props) => {
 const logic = useLogic()

 return <OldComponent {…logic} {…props} />
}



два абсолютно эквивалентных варианта. только во втором ты можешь явно указывать имена пропсов, удобно типизировать и читать это как код, а не как хер пойми что
источник

GO

Green Orange in React — русскоговорящее сообщество
Myroslav 🍎
Ребят,помогите легкий таск,но мозги не варят вообще
Есть либа react-use-websocket для работы с сокетами в реакте
Мне нужно получать от сокета  массив с двумя полями time :13:05,pulse:85
потом записать это в стейт   const [data, setData] = useState([]);
и вывести в это все в график recharts.

Проблема в том что я не могу нормально записать массив в основной массив состояние , что бы получить последнее сообщение в либе есть lastMessage

Скриншот№1 - Вот такая структура данных должно получиться в состоянии
Либа - https://github.com/robtaussig/react-use-websocket#readme
ниче не понял, но если нужно добавить в data мб нужно что-то типа useState([...data, newDataFromSocket])?
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Иван
const NewComponent = withLogic(OldComponent)


const NewComponent = (props) => {
 const logic = useLogic()

 return <OldComponent {…logic} {…props} />
}



два абсолютно эквивалентных варианта. только во втором ты можешь явно указывать имена пропсов, удобно типизировать и читать это как код, а не как хер пойми что
В первом меньше строк и также удобно , хук не панацея , хок в этом случае лучше
источник

M

Myroslav 🍎 in React — русскоговорящее сообщество
Green Orange
ниче не понял, но если нужно добавить в data мб нужно что-то типа useState([...data, newDataFromSocket])?
мне нужно полученные данные от сокета а это массив с двумя полями добавить в состояние
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Таймураз Кайтмазов
Ты понимаешь, что ты несешь?
Ты меня переубедить решил ? Не сможешь
источник

ТК

Таймураз Кайтмазов... in React — русскоговорящее сообщество
У тебя для 2 компонентов нужны данные
С хоком ты делаешь хок и передаешь данные
С хуком ты делаешь хук и передаешь данные
И там и там один провайдер данных и 2 компонента
Но с хоком ты засоряешь пропсы компонента, а также плодишь в неймспейсе ненужные TableWithShit
источник

M

Myroslav 🍎 in React — русскоговорящее сообщество
и я потом с помощью этого стейта отображаю график
источник