Вопросы с меткой [create-react-app]
Метка для вопросов о стартовом шаблоне для React.js разработки - create-react-app
121
вопрос
0
голосов
0
ответов
14
показов
Как правильно запустить звуки?
Мне нужно запустить звуки автоматически на Реакте. Для того, чтобы запустить звуки я использую не стандартный хук useSound. Он создает кнопку и по клику на данную кнопку звук запускается. Я сделал ...
0
голосов
1
ответ
27
показов
Как сделать задержку анимации?
У меня есть анимация на css. Проект пишу на реакте. Мне нужно сделать задержку анимации т.е. чтобы блок всплывал, держался какое-то время на экране,например 10 секунд и потом плавно уплывал вниз. ...
0
голосов
0
ответов
22
показа
Не работает checked на слайдер в Реакте. Как адаптировать уже готовый код под React?
Есть слайдер, который написан на чистом css, в нём используется checked для переключения между input с изображением. Ранее сайт писался на чистом html + js, и все работало, но при переносе на Реакт ...
0
голосов
0
ответов
14
показов
Как получить и воспроизвести следующий трек?
Это код аудиоплеера на реакте, пытаюсь сделать переход на следующий трек по нажатию на соответствующую кнопку, но выдаёт ошибку "TypeError: Cannot read properties of null (reading 'action'), как ...
0
голосов
1
ответ
31
показ
Material-ui. Не применяются стили к <Box>
Всем привет. Начал изучать React. Также использую material-ui. Но столкнулся с такой проблемой: при кастомизации компонента Box не применяются указанные стили. Буду очень благодарен за любую наводку.
...
0
голосов
0
ответов
10
показов
Почему Redirect не работает в деплое на gh-pages
Когда собираю проект локально, все работает прекрасно, но в деплое редирект не работает, почему? Помогите, люди добрые, бьюсь уже несколько дней с этим и ничего не приходит на ум
import React, { ...
0
голосов
0
ответов
37
показов
Не работает npx
При вводе команд npm и npx пишет: неправильный формат параметра. Пробовал переустанавливать ноду, но не заработало. Еще думал что ошибка в переменной path, менял, но тоже не помогло. Если npm хоть как ...
0
голосов
1
ответ
25
показов
Отправить значение базовому класу от дочерного и использовать в функции
Имеются две проблемы, в первой что значение select устанавливается предварительное т.е. меняю один input и сразу меняется select на другие данные но значение остается предыдущее.
Нужно чтобы значение ...
3
голоса
1
ответ
134
показа
Подключение шрифтов в ReactJS
Подскажите, пожалуйста, куда лучше добавить шрифты: в src или public? Есть ли в этом какая-то разница? И как их подключить к проекту? Только начал изучение React, пытаюсь создать свое spa и не могу ...
0
голосов
1
ответ
40
показов
Не работает простейший код на React.js
у меня не работает простейший код на React.js
Очень хотелось бы понять что именно не так, любая помощь - полезна. Заранее большое спасибо)
Код:
import './style/App.css';
import React, {useState, ...
0
голосов
1
ответ
19
показов
Вопрос по поводу структуры приложения на react
А кто бы мог подтвердить или опровергнуть? Вот есть create-react-app, после установки мы получаем стандартный набор файлов, среди которых есть App.js. И вот у меня сложилось впечатление, что, работая ...
0
голосов
0
ответов
18
показов
Здравствуйте проблема с реактом
Написал npm start, в консоли пишет Starting the development server ..., но ничего не происходит, в открывшейся вкладке тоже ничего нет, лишь надпись Загрузка. Что делать и как быть?
0
голосов
2
ответа
35
показов
При перезаписи массива он перезаписывает себя в 2 раза больше. Как это исправить ? 'keyup' event react js
Всем привет! Я не давно начал изучать react ) Создаю свою мини игру по персонажу из Dota2 "Invoker".
Суть в том что бы прожать правильную комбо сфер для заклинаний. Я записываю это комбо в ...
0
голосов
1
ответ
35
показов
Как сделать выбор полей в react-admin
К примеру, есть Datagrid с моей кастомной кнопкой select (это поле я дописываю сам, используя dataProvider):
после выбора пользователя (строки в таблице), соответственно, кнопка должна поменяться на ...
0
голосов
1
ответ
31
показ
Проблема с запуском React + Node проекта
Ребята, прошу помочь.
Есть приложение. Установил модули и зависимости.
Но при попытке запустить приложение, API не работает - пишет ошибку proxy. (Proxy error: Could not proxy request)
Перерыл кучу ...
2
голоса
0
ответов
108
показов
Warning: Duplicated key 'undefined' used in Menu by path []
При нажатии на один из пунктов меню подсвечивается вся панель.
В консоли вылезает вот такая ошибка, хотя ключи переданы:
Warning: Duplicated key 'undefined' used in Menu by path [];
Но если я попрошу ...
0
голосов
0
ответов
13
показов
Не работает auto import для файлов ts, tsx
Ребята, привет! Нужна помощь! Не работает auto import для файлов ts, tsx. Использую create-react-app. На скрине показаны мои настройки. Подскажите решение)
1
голос
1
ответ
45
показов
как отличить проект каторый создан с помошю CRA(Create React App) от того что написан руками
и еше вопрос, можно ли создать через CRA и добавить свои webpack config-и, не трогая то что есть в CRA(то есть без eject команды)
0
голосов
2
ответа
207
показов
react-bootstrap не работает для React
Создал чистое приложение через команду create-react-app gameleague_v2
После чего установил пакет react-bootstrap как указано в ссылке
И получил вот такой варнинг.
Thank you for installing EJS: built ...
1
голос
1
ответ
84
показа
странная ошибка Error: Invalid hook call. React, react-bootstrap
Создаю совершенно новый проект CRA (делал с typescript и без, результат 1)
Мои действия:
npx create-react-app my-app --template typescript
npm install react-bootstrap bootstrap@5.1.3
npm install --...
0
голосов
1
ответ
45
показов
Не устанавливается React ERR_PACKAGE_PATH_NOT_EXPORTED
После выполнения команд как указано в https://github.com/facebook/create-react-app
npx create-react-app my-app
cd my-app
yarn start или npm start
Возникает ошибка. Кто нибудь знает в чём дело? Как ...
0
голосов
1
ответ
42
показа
оптимизация react кода [закрыт]
я начинающий frontend разработчик. я столкнулся со сложной для меня задачей - переработать код ниже, прошу помощи, заранее спасибо.
import axios from 'axios'
import { FC, useEffect, useState } ...
0
голосов
0
ответов
23
показа
Некорректно отрабатывает SignalR в React приложении
Суть проблемы. Есть проект, написанный на React, в котором реализован блок Сообщения. Для обмена сообщениями была выбрана библиотека SignalR. Проблема следующая - в коде я прописал, что при успешной ...
-2
голоса
2
ответа
316
показов
UPD: Как настроить отображение картинок в react?
Вопрос избитый, неоднократно обсуждаем, с кучей решений и тд.. Но!
Проблема. Не отображаются картинки в проекте.
Реакт, компонент jsx.
путь компонента:
/src/components/post/post.jsx
Пробовал закинуть ...
0
голосов
0
ответов
34
показа
Как удалить правило из create react app?
В webpack конфиге react приложения созданного с помочью create react app уже есть правило для файлов с расширением svg. А мне нужно что бы svg обрабатывалось через svgr т.е. что бы для svg выполнялось ...
0
голосов
1
ответ
79
показов
React app не запускается
Доброго времени суток господа. Не понимаю причину по которой лезет эта ошибка при npm start.
лог ошибки:
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\\Program Files\\nodejs\...
0
голосов
0
ответов
41
показ
Ошибка при создании react приложения
При создании приложения возникает ошибка. Я понимаю, что проблема в пакетах, но суть в том, ЧТО У МЕНЯ ДАЖЕ НЕТ package.json. Как исправить эту ошибку? Пробовал советы из гугла, но ни очистка кэша, ни ...
0
голосов
0
ответов
19
показов
Как добавить исключение в React используя value
Проблема в том, что используя данный код
const handleChange = (e) => {
const {name, value} = e.target;
console.log(e.target)
setData({
...data,
[name]: value,
...
0
голосов
2
ответа
76
показов
Почему не показывается json файл по указанному роуту?
Написал такой код
import (
"net/http"
"github.com/gin-gonic/contrib/static"
"github.com/gin-gonic/gin"
)
func main() {
router := gin.Default()
...
0
голосов
0
ответов
17
показов
Как в React на сервере запрашивать данные для динамических рутов?
Коллеги, приветствую ) Есть React приложение (Create React App). Необходимо его докрутить - вместо клиентского рендеринга использовать рендеринг на стороне сервера (SSR). Нужно запрашивать данные на ...
0
голосов
0
ответов
221
показ
выбрать все Checkbox нажатием на верхнюю ячейку
Код в трех файлах. В setList() нужно передать массив выделяемых объектов, но они генерируются с помощью map. Как правильно поступить ? в целом я пытаюсь адаптировать свой код под этот https://...
0
голосов
0
ответов
84
показа
React useState хук не обновляет элементы в map
У меня есть state tags:
const [tags, setTags] = useState(['hello', 'ok', 'good']);
Есть вывод:
{tags.map((tag, index) => {
return <span className="tag-item" onClick={removeTag} ...
0
голосов
1
ответ
29
показов
Не могу понять как сделать спавн блоков на реакте [закрыт]
При нажатии на кнопку должен спавниться блок образца <div>kjkjkj</div> в другом каком-либо блоке. Как это вообще делается?
0
голосов
1
ответ
17
показов
Можно ли как-то сделать для объекта div свойства такие же как у input type color. React/Html
Суть в том что input колор всегда открывается по верх других блоков игнорируя css свойства родительских блоков и при этом еще и в зависимости от экрана, если допустим кнопка для открывания input ...
0
голосов
0
ответов
130
показов
React Как изменить значение value у input с последующим сохранением его состояния?
Помогите разобраться с вопросом подъёма состояний в React вот на таком упрощенном примере
import React from "react";
class ProfileForm extends React.Component {
constructor(props) {
super(...
0
голосов
1
ответ
74
показа
create-react-app как настроить eslint?
я до этого не трогал eslint...
могу я добавить настройки внутрь eslintConfig?
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
...
1
голос
1
ответ
63
показа
React Создание кастомного progressbar с анимацией
Пробую создать кастомный progress элемент на Реакте на основе вот этого примера
На выходе у меня получился вот такой компонент
import React from "react";
import ReactDOM from "react-dom";
const ...
2
голоса
1
ответ
27
показов
Как можно отпимизировать два компонента с идентичной логикой но разными action
Как можно оптимизировать два компонента, чтобы вся логика содержалась в одном. Учитывая что берётся разный state и оттуда разные action. Хранилище отличается только селектором,и поэтому можно сделать ...
1
голос
0
ответов
68
показов
Как кастомизировать и переписать Ant Design стили, если я использую create-react-app и sass модули?
Использую CRA + стилизацию компонентов с помощью Sass модулей.
1
голос
0
ответов
22
показа
Как можно использовать Sass и Pug вместе с React (Create-React-App)?
Обычно пишу html на pug, css - на scss. С Реактом из-за этого возникли проблемы, т.к. на вёрстку и стилизацию уходит много времени. Хочу как обычно писать на pug и scss. Возможно ли их троих подружить ...
1
голос
1
ответ
37
показов
Запуск react приложения
Есть файлик Card.jsx с кодом
import React from 'react';
export default ({ title, text }) => {
if (!title && !text) {
return null;
}
const titleDom = title && <h4 className=&...
1
голос
1
ответ
28
показов
Нужно закрыть дочернее окно родительского окна(express,ReactJS)
Я разрабатываю сайт используя ReactJS для пользовательского клиента и Express для сервера. При нажатии на кнопку происходит открывается окно с авторизацией пользователя через дискорд. Авторизация ...
0
голосов
0
ответов
36
показов
Django рендер шаблона с react с роутингом
Ситуация следующая
Есть джанго приложение и фронт на реакте с роутингом
После сборки фронта я пытаюсь его рендерить как шаблон джанго и таким образом хостить
Соответственно, url и views выстроены так:
...
0
голосов
1
ответ
51
показ
Возможно ли через nginx запустить сайт сделанный на reactjs так чтоб пользователи могли его использовать?
Возможно ли через nginx запустить сайт сделанный на reactjs так чтоб пользователи могли его использовать?
0
голосов
2
ответа
510
показов
Как в Create React App использовать папку images внутри src/?
Мне комфортней писать пути для картинок так:
<img src="images/logo.svg"/>
Но CRA почему то не дает мне сделать так, и приходится папку images хранить в папке public. Теперь все ок, я ...
0
голосов
0
ответов
30
показов
Не запускается терминал в VSCode
import React from 'react';
import './App.css';
import Header from './components/Header';
import Navbar from './components/Navbar';
import Profile from './components/Profile';
const App =()=> {
...
0
голосов
0
ответов
19
показов
При создании нового проекта react создает файлы npm при использовании yarn
Такая проблема. При создании нового проекта react использую yarn . Но он создаёт файлы и npm . Как это исправить ?
0
голосов
1
ответ
93
показа
Как создать ещё одну папку в сборке create-react-app?
Всем привет! У меня есть проект на React JS и PHP, где есть отдельная папка с картинками uploads. В эту папку я загружаю картинки с помощью PHP. Как мне сделать так, чтобы после сборки всего проекта, ...
0
голосов
1
ответ
21
показ
ReaxtJS компонент секций, который обворачивает другие компоненты является умным?
function sectionContact() {
return (
<section class="section section-contact">
<InfoContact />
<FormContact />
</section>
);
}
Или же можно ...
0
голосов
2
ответа
469
показов
Как открыть create-react-app на другом компьютере в сети?
После команды npm start запускается проект. Через ipconfig узнаю свой ip. Получается ссылка вида http://10.0.2.61:3000/ , но на других ПК ничего не отображается. Ниже package.json
{
"name":...