Category: ReactJS

08
Июл
2020

Сохранение react context

Вообщем я делаю веб приложение на React js. Сейчас делаю авторизацию и для хранения данных авторизованного пользователя решил использовать React context, но возникла проблема – при перезагрузке страницы данные из context изчезают.
Есть ли …

08
Июл
2020

Ошибка при импорте react компонента c использованием typescript

Есть такая стукрутура файлов, в папке Spinner лежат два файла, index.tsx в котором хранится импорт компонента https://prnt.sc/tdur9n и непосредственно сам компонент Spinner.tsx https://prnt.sc/tdurhf . Также для того чтобы писать всегда аб…

06
Июл
2020

Приложение не работает после билдинга React-Native

Ребят, привет! Я новичок в React-Native и не могу понять, почему Логинизация через учетку Гугла работает на локалке прекрасно, а когда сбилдил (для андроида) приложение, она не работает. Жму на кнопку, а реакции никакой. Так же использую F…

06
Июл
2020

Приложение не работает после билдинга React-Native

Ребят, привет! Я новичок в React-Native и не могу понять, почему Логинизация через учетку Гугла работает на локалке прекрасно, а когда сбилдил (для андроида) приложение, она не работает. Жму на кнопку, а реакции никакой. Так же использую F…

03
Июл
2020

Параллакс на реакт

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

02
Июл
2020

AntD проблема с Tab

Первый раз пользуюсь ant. Все советовали, говорили, что проще. ))

Проблему для наглядности разъяснила в коде

ссылка на доку https://ant.design/components/tabs/

могу сама сверстать аналогичное, но надо разобраться с ant
помогите пожалуйс…

02
Июл
2020

Обновление state происходит только после двух нажатий на кнопку

помогите пожалуйста с проблемой. Компонент получает контакты с сервера и диспатчит их в contactsReducer. При нажатии кнопки создается новый контакт который отправляется на сервер, далее делается запрос на сервер для получения обновленного …

02
Июл
2020

fetch js проблема

помогите, не могу разобраться с fetch.
один fetch отрабатывает, а fetch post не работает.
Ошибка при добавлении пользователя.
Failed to load resource: the server responded with a status of 404 (Not Found)
при этом первый fetch отрабатывает…

02
Июл
2020

Подключение шрифтов в react 360?

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

01
Июл
2020

Метод split приводит к ошибке в React приложении ( TypeError: this.state.layoutsList.imgpath is undefined )

Почему во втором h2 не получается применить метод split ?
Рузультат в первом h2 – это строка "/images/BTR.jpg;tank.jpg"
Рузультат во втором h2 – TypeError: this.state.layoutsList.imgpath is undefined
import React from ‘react’;
im…

29
Июн
2020

После сборки webpack’om файл index.html открывается в браузере пустой

Такое ощущение, как будто не подцепляется файл со скриптом, хотя он прописан. При запуске webpack dev server всё работает. Мб для окончательной сборки нужно тоже, чтобы был какой-то сервер?
webpack.config.js:
const path = require(‘path’);

29
Июн
2020

react js route c кнопками

Друзья, как я могу с кнопками "Вперед", "Назад", менять страницы меню в route??? я должен найти активную страницу и дальше кнопками поменять вперед или в назад
export const ArrowNav = () => {
const menu = useCont…

29
Июн
2020

React Поиск по сайту с множеством ключей

У меня есть форма фильтра и на ней 20 checkbox. Данные я собираю в массив.
Как реализовать поиск по ключам взятые с массива.
На сайте раньше использовался поиск по названии услуги.
react-search-input.
Подскажите пожалуйста как решить данну…

29
Июн
2020

Подключение React на дочерних страницах в WordPress

Использую React совместно с WordPress.
На главной странице с формой всё работает как нужно.
Но стоит только перейти с основной страницы на другую – скрипты уже не работают.
Что сделать, чтобы React заработал не только на главной странице?

29
Июн
2020

Асинхронные задачи в react(SetInterval)

Помогите пожалуйста, начал изучать реакт, пытаюсь сделать часы в компоненте, в консоль время попадает, но на return не возвращает разметку в div
import React from ‘react’
import ‘./progressBar.scss’

export default function progressBar(pro…

28
Июн
2020

Библиотека/Компонент редактирования текста

Подскажите готовые библиотеки, компоненты, для текстовых полей. Чтобы пользователь мог вставить текст, и отредактировать его (добавить курсив, жирность, табуляцию, выделить участок кода, и тд).
Очень желательно чтобы это была компонента д…

28
Июн
2020

.map is not a function

Подскажите пожалуйста, в чем может быть проблема? При нажатии на кнопку follow/unfollow выскакивает users.map is not a function
import React from ‘react’;
import { NavLink } from ‘react-router-dom’;

import SmallAvatar from ‘../../smal…

27
Июн
2020

Node.js сервер вместо ответа отдает html файл

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

26
Июн
2020

Изменение стиля при использовании Select на React

Есть задача где необходимо менять background-color блока при выборе определенного значения в Select. Приложение пишется на React.
Я реализовал подобный механизм смены цвета, но кнопках фильтрации. Где подсвечивается активная кнопка.
cons…

26
Июн
2020

Я хочу чтоб className мог меняться в зависимости от полученных props

Я хочу чтоб className мог меняться в зависимости от полученных props.
Ну ещё я использую module.css и пусть мой модуль называется – s
И как в таком отрывке кода сделать так чтоб className был значением переменной loh (не считая того что пр…