Category: ReactJS

22
Май
2022

Скрипт после рендера ReactJS

Необходимо вополнить скрипт, когда отрендерится и отобразится на экране некоторый код.
ReactDOM.render(<div>72</div>, …);
console.log(‘Отобразилось’);

Нужно, чтобы запись в консоли появилась после отображения div’ов на экран…

21
Май
2022

Расскажите пожалуйста как работает функция удаления в React?

Всем привет! Кто может объяснить как работает функция удаления в app.js? В моем понимании p.id и post.id сравниваются друг между другом, но они же по сути ссылаются на один элемент массива posts?
App.js
import PostForm from "./compone…

21
Май
2022

ReactJS. Конкатенация элементов JSX

Есть два элемента:
elem1 = <div>1</div>;
elem2 = <div>2</div>;

Существует ли способ их конкатенировать в другую переменную newElem, чтобы при
ReactDOM.render(newElem, …)

отображался результат склейки elem1 и ele…

21
Май
2022

ReactJS. Конкатенация элементов JSX

Есть два элемента:
elem1 = <div>1</div>;
elem2 = <div>2</div>;

Существует ли способ их конкатенировать в другую переменную newElem, чтобы при
ReactDOM.render(newElem, …)

отображался результат склейки elem1 и ele…

20
Май
2022

Перехват ошибки 401 GraphQL Apollo React.js

Используя axios в приложении React.js, я перехватывал ошибку 401 и обновлял токен, после чего повторял попытку запроса и в случае повторной ошибки, я уже полностью выходил из аккаунта.
private async responseInterceptor(error: AxiosError) {…

20
Май
2022

Внутри элемента – параметр из функции

Есть функция – принимает 2 параметра: текст, элемент-тег(может быть любой тег)
Как реализовать функцию так что бы переданный в него текст, первым параметром, поместить внутрь второго параметра, то есть в тег – грубо говоря так:
function(te…

20
Май
2022

render двух yandex map

Не могу понять, почему рендерит две карты. При это, изменения вносятся на нижнюю карту, на верхнюю изменения не применяются.
component MapY:
import React from ‘react’;
import { YMaps, Map, FullscreenControl, GeoObject } from "react-ya…

19
Май
2022

Redux: Не меняется state при использовании reducer’a

Всем привет, только учусь и столкнулся со следующей проблемой:
Есть один редьюсер, который хранит данные, и есть второй, который эти данные использует.
При использовании обычного redux, все работает отлично, но как только код был переписан…

19
Май
2022

Перемещение блока из одного родительского блока в другой с анимацией React.js

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

Мне в данном случае, ну…

18
Май
2022

React hook form: как вбить в поле значение из props?

Есть компонент, который использует кастомные инпуты (CustomInput) и принимает некоторые пропсы (data). Мне нужно, чтобы значения из пропсов сразу подставлялись в инпут при монтировании компонента. Как это сделать? Я попробовал вписать знач…

17
Май
2022

Reduce не складывает числа [закрыт]

При вызове clickItem (id:2) ответ newTotal = 20
Если дополнительно вызвать c id: 3, clickItem (id:2, id:3), то ответ newTotal
20
30 ,а я жду ответ 50.
Я предпологаю что тернарное выражение array1.id === clickItem ? null во всем виновато …

16
Май
2022

Не работает “`props“`

Всем привет! Не работет props: при наведении на заголовок h1 цвет не меняется, но если props убрать и оставить hover, то все нормально. Не пойму почему так.
import React from ‘react’;

import ‘./app-header.scss’;
import styled from ‘styled…

15
Май
2022

Не могу подключить sass к React

Всем привет! Не могу подключить Sass к React. Делаю все по видео-уроку.
Открываю консоль в папке с app.css и задаю команду npm install node-sass –save.
React у меня не самая последняя версия, но сервак открывает, все компилируется.
Вот ка…

15
Май
2022

Не могу подключить sass к React

Всем привет! Не могу подключить Sass к React. Делаю все по видео-уроку.
Открываю консоль в папке с app.css и задаю команду npm install node-sass –save.
React у меня не самая последняя версия, но сервак открывает, все компилируется.
Вот ка…

14
Май
2022

Почему не работает reduce? [дубликат]

Всем привет! Ранее я подымал вопрос касаемо как сложить массивы и мне предложили сложить с помощью reduce. У меня тогда не получилась из price сложить через reduce и я переделал код, но хочу все же разобраться в чем дело? Буду благодарен п…

14
Май
2022

Как в React ререндерить только выбранные элементы массива

У меня есть довольно простая функциональная компонента, которая рендерит массив с числами от 0 до 14 и при нажатии на любое число меняет его с предыдущим местами по средставам смены индекса элемента.
При каждом клике по элементу, у меня п…

13
Май
2022

React Routing 404 error HEROKU

При открытии приложения все ок, далее перехожу на любую страницу и сначала (на секунду) все рендерится, потом все падает с ошибкой. Локально все работает. Для сервера я использую json-server

GET https://clothes-shop-copy.herokuapp.com/cat…

13
Май
2022

Cannot read properties of undefined (reading ‘type’). При попытке нажать на кнопки вверх или вниз antDesign с Formik

Добрый день!
Использую React Formik вместе с AntDesign. У AntDesign`a есть компонент InputNumber.
При попытке обернуть его в логику Formika(InputProps) перестают работать кнопки вверх и вниз вот пример их рабочего компонента.
Вот мой код: