Category: ReactJS

19
Сен
2020

Где находить соглашения по codestyle

В различных ЯП есть соглашения по код стайлу
например в названии переменной:
_apiBase = ‘https://swapi.dev/api’
вместо:
apiBase = ‘https://swapi.dev/api’
(нижнее подчёркивание)
Или в redux дополнительные данные передаются с именем pa…

18
Сен
2020

При запуске проекта HOC не видится как функция

Прохожу обучение по react и столкнулся с проблемой уже перечитал вдоль и поперек документацию видос пересмотрел 5 раз не могу найти ошибку
Вот как выглядит HOC
function withAuthRedirect(Component) {
return class extends React.Component…

18
Сен
2020

Функция не получает обновленного состояния в useState React

У меня есть форма, в которой есть некоторые настройки.
Они сформированы блоками, каждый блок появляется на экране автоматически, после того как пользователь выбрал какую-нибудь настройку на текущем блоке, то есть блоки включаются последова…

17
Сен
2020

Почему отстает state? React

Почему при нажатии на div в консоле показывается старый state, хотя должен быть новый?
А при следующем нажатии показывается тот state, который должен был быть на первом нажатии:
<div key={index}
onClick={(e)=> {
this.set…

16
Сен
2020

Typescript. Проверка каждого существующего ключа объекта

Когда меняется state таким образом, используя константы и аргументы
setChosenCategoryAudios({
[buttonName]: !objCategoryAudios[buttonName],
});

typescript просит уточнение типа и ключа объекта тоже
И код приходится писать так
const init…

16
Сен
2020

Ошибка is not a function в коде React

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

16
Сен
2020

Ошибка is not a function в коде React

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

16
Сен
2020

возможно ли. Слушатель на scroll страницы без визуального scroll-а(полоса прокрутки отсутствует) нужен слушатель именно на движение колеса мыши

это работает если визуально есть scroll(полоса прокрутки присутствует) в моем же случии полосы прокрутки нету
мне надо задиспатчить событие при движении колеса мыши
document.addEventListener(‘scroll’,e => {
console.log(`scroll`)
})

14
Сен
2020

Форма авторизации Гугл появляется позади окна в firefox. в Хроме норм. Пользуюсь firebase

Все настройки дефолтные, вроде когда то давно настраивал, такого не было, сейчас просто сзади экрана.
Выключал addBlock и настройки хрома о всплывающих окнах тоже трогал, ничего. Никаких особенностей не указывал при открытии.
//sign in pag…

10
Сен
2020

19 сентября, онлайн: Meta/conf Frontend Meetup 2020

Спикеры расскажут о современных фреймворках, правилах проектирования, разработке и тестировании клиентской части веб-приложений.
— Читать дальше «Meta/conf Frontend Meetup»

09
Сен
2020

Хук состояния не изменяет состояние, React

Есть страница создания новости, при отправке формы, на сервер приходит объект такого типа:
{
title: ‘текст примера’,
text: ‘текст примера’
}

хотя он должен быть таким:
{
title: ‘текст примера’,
text: ‘текст примера’,
posted…

09
Сен
2020

Как уничтожить один компонент если этот же компонент отрендерен в другом месте? REACT

Столкнулся с такой проблемой. У меня есть компонент Tooltip, его можно вызвать в двух местах. Объясните пожалуйста что нужно сделать если компонент отрендерен из в одном месте, и после этого этот же компонент рендерится в другом месте , ка…

09
Сен
2020

В Safari на iOS произвольно меняется уровень громкости при проигрывании видео через video-react

Всем привет!
Есть приложение на React, простая интерактивная игра, где на страничке проигрывется видео. На видео ведущий задает вопросы или предлагает нажать на какие-либо кнопки, которые отображаются на экране. Ответы на вопросы можно так…

08
Сен
2020

Как получить ref активной NavLink

В навигации есть указатель, который должен позиционироваться относительно активной ссылки. Как правильно получить реф этой ссылки для расчета позиции указателя ?

const Aside = ({ newMessages }) => {

return (
<aside classNa…

08
Сен
2020

Как добавить введённые данные в списки при этом не удаляя данные введённые раньше?

Есть сайт в котором вводиться имя и фамилия. Как сделать так чтоб все введённые имена и фамилии отображались на экране.
import React,{Component} from ‘react’;
import ‘./App.css’;

class PersonInput extends React.Component {
constructor(p…

08
Сен
2020

Помогите с массивом пожалуйста

Вообщем в реакт компонент приходит массив с неизвестным количеством элементов, его нужно разделить на 8, так как в каждом компоненте максимальное количество элементов только восемь элементов, как сделать так чтобы в каждый блок положить пр…