Tagged: create-react-app

08
Апр
2021

Как можно отпимизировать два компонента с идентичной логикой но разными action

Как можно оптимизировать два компонента, чтобы вся логика содержалась в одном. Учитывая что берётся разный state и оттуда разные action. Хранилище отличается только селектором,и поэтому можно сделать кастомный хук. Но что делать с экшенами…

14
Мар
2021

Нужно закрыть дочернее окно родительского окна(express,ReactJS)

Я разрабатываю сайт используя ReactJS для пользовательского клиента и Express для сервера. При нажатии на кнопку происходит открывается окно с авторизацией пользователя через дискорд. Авторизация обрабатывается сервером на Express. Мне нуж…

19
Дек
2020

Как создать ещё одну папку в сборке create-react-app?

Всем привет! У меня есть проект на React JS и PHP, где есть отдельная папка с картинками uploads. В эту папку я загружаю картинки с помощью PHP. Как мне сделать так, чтобы после сборки всего проекта, помимо основных папок (js, css, media),…

23
Ноя
2020

html разметка в строке js

Может кто нибудь подсказать ? использую create-react-app. есть вот такой компонент –

import React from ‘react’
import ‘./Cases.sass’
import {CaseItem} from ‘./CaseItem’
import case_1 from ‘../img/Cases/case-1.jpg’

class Cases extends …

09
Ноя
2020

Как сделать чтобы пользователь мог добавлять блоки(своего рода карточки) JavaScript

Делаю приложение для создания распорядка дня на react-native. У меня есть готовые блоки по типу пробежка, чтение, сон и т.д. Я хочу чтобы пользователь нажимая на плюс, выбирал нужный и мог добавлять себе эти блоки, чтобы потом когда он зах…

09
Ноя
2020

Как сделать чтобы пользователь мог добавлять блоки(своего рода карточки) JavaScript

Делаю приложение для создания распорядка дня на react-native. У меня есть готовые блоки по типу пробежка, чтение, сон и т.д. Я хочу чтобы пользователь нажимая на плюс, выбирал нужный и мог добавлять себе эти блоки, чтобы потом когда он зах…

27
Окт
2020

Не запускается bundle.js в react-app

Я хотел залить на хостинг github проект, но когда его запускаю через github pages то ничего не отображается на странице, белый экран. То же самое попробовал в VS Code запустить с помощью Open with live server и тот же результат. Хотя когд…

04
Окт
2020

Мешает автообновление страницы при сохранении файлов в React приложении

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

16
Сен
2020

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

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

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

30
Авг
2020

Не работает react production build

Делаю проект с фронтом на React и бэком на Express (связывалось при помощи добавления "proxy" в package.json клиента). В dev-режиме все работает как надо. Решил попробовать захостить проект. Для этого выполнил "npm run build…

15
Июл
2020

Добавить CORS headers в Create React App

Не могу получить данные с сервера. Как добавить CORS заголовки в Create React APP. В каком конфигурационном файле это можно прописать?
Текст ошибки:
Access to XMLHttpRequest at ‘ссылка api’ from origin ‘локальный сервер’ has been blocked b…

25
Май
2020

Как сделать модульный css с помощью webpack, без использования create-react-app?

Как сделать модульный css с помощью webpack без использования create-react-app?

Если создавать приложение через create-react-app, то поддержка модульного css включена сразу
не нужно ничего шаманить, просто создать файл и импортировать ег…

21
Май
2020

Как вывести массив svg картинок в create react app?

Проект делается на create react app, далее CRA

Проблема: есть массив с названиями картинок, который нужно перебрать и вставить как svg в разметку чтобы иметь доступ изменить цвет обводку и т.д.

До этого собирался галпом спрайт и картинки…

13
Фев
2020

React. Ошибка при импорте объекта (Attempted import error)

Стандартная схема: есть несколько файлов с объектами констант в одной папке, отправленные на экспорт в index.js для дальнейшего общего использования:

Файл userConstants.js

export const userConstants = {};

Файл itemConstants.js

export…