Как определить на какой элемент внутри родительского нажали? React
У меня есть элемент sidemenu. В нем есть несколько пунктов. Как определить на какой из них кликнули? Пробовал так: const handleClick = (e) => { const { nodeName, textContent } …
Вопросы по тегу: reactjs
- 0 ▲1 ответ.
- 0 ▲1 ответ.
Как вывести переменную на экран reactjs?
Есть переменная now, в которой записаны дата и время. Как мне вывести эту переменную на экран? export function Data() { let now = new Date(); console.log(now) } import './App.css'…
- 0 ▲1 ответ.
React JS Как правильно отобразить Категории и Подкатегории
Столкнулся с проблемой отображения Категорий и Подкатегорий в React JS. У меня есть такой набор данных получаемый от сервера. [ { "id": 2, "name": "Телефо…
- 0 ▲1 ответ.
Как ограничить ширину span по фактически занимаемому буквами пространству?
В span есть стрелочка сортировки, она позиционируется абсолютно относительно span. Но когда происходит перенос строки, то образуется промежуток между тестом span и стрелочкой. Мне…
- 1 ▲1 ответ.
react: многократная инициализация внутри функционального компонента
Написал такой отладочный код: import React, { useState } from 'react'; import { Button } from 'antd'; // компонент отображения страниц const App: React.FC = () => { const handl…
- 0 ▲0 ответ.
Из-за чего Get-запрос в insomnia выдает ошибку 401, если я авторизовался?
работаю со стеком React + Nest + PostgreSQL + Prisma + TS. При попытке получить профиль моего юзера мне выдает, что профиля юзера не существует. Подозреваю, что метод byId где-то …
- 0 ▲1 ответ.
React, как до загрузки основного приложения показывать прелоадер?
Всегда довольно долго просто показывается белый экран, пробовал через suspense и lazy. Но так нужно относительно долго ждать загрузки самого реакта и компонента прелоадера. Пробов…
- 1 ▲1 ответ.
Можно ли использовать хуки React без jsx?
Можно какой нибудь простейший пример на хуках, где компонент может вернуть div, в котором находятся два других компонента, в которые мы передаем пропсы, при этом нет возможности п…
- 2 ▲2 ответ.
Пропадает React страница после перезагрузки на сайте
Создаю веб-сайт и сейчас столкнулся с такой проблемой, что при переходе на другие страницы собственно по URL например: https://jintropine.kz/thanks выдается ошибка 404, такое же п…
- 0 ▲1 ответ.
React: Обновление в parent после setState в child
Есть страница где я добавляю слова(+ перевод, заметку). import React from 'react'; import {AddForm} from "./AddForm"; import {DataTable} from "./DataTable"; im…
- 0 ▲0 ответ.
Express.js SEO для SPA. Как отдавать страницу для поисковика
У меня есть SPA приложение. И мне нужно сделать СЕО для него, Next.js уже поздно использовать. Поэтому выбор пал на express.js Бэк у нас на Rest-api. Есть ли какой нибудь быстрый …
- 0 ▲1 ответ.
Как правильно опубликовать json-файл на сайте, сделанном на Реакте?
Стоит задача сделать так, чтобы при заходе на сайт (на Реакте) с Андроида пользователю предлагалось перейти в приложение. Для этого наш андроид-разработчик дал json-файл, который …
- 0 ▲0 ответ.
React настройка meta tags
Как правильно вставлять мета теги. Использую Helmet прописываю допустим title, descriptiom, в инспекторе вижу. Когда проверяю через сервис, их не видно, видно только те что в inde…
- 0 ▲0 ответ.
Как отобразить разный текст в компоненте модального окна в зависимости от нажатой кнопки
Есть две кнопки sign in и sign up, я хочу чтобы при нажатии на sign in в компонент модального окна передавалась та форма которая уже написана, а при нажатии на sign up передавался…
- 0 ▲1 ответ.
Как передать component как props?
Как это правильнейшим образом сделать. import React from 'react'; import ReactDOM from 'react-dom'; import { createRoot } from 'react-dom/client'; import { Editor, EditorState } f…
- 0 ▲0 ответ.
Изменения в Ide не отображаются в проекте
Каким то неведомым для меня образом - код написанный в vsCode перестал взаимодействовать с запущенным приложением. Любые взаимодействия с кодом в проекте не отображаются. В прилож…
- 0 ▲0 ответ.
Перестал работать console.log
Пишу пет-проект на react/reduxtolkit и в один прекрасный момент перестал работать console.log - от слова совсем. В логах никак не отображается. Ни в компонентах, ни в обработчиках…
- 0 ▲1 ответ.
вывод картинок из базы данных на страницу через реакт
есть фронтенд реакт и бэкенд php. Вывожу данные из базы данных mysql. Все данные выводятся в localhost: 3000 кроме картинок. через php картинки из сервера выводятся. почему не выв…
- 0 ▲1 ответ.
Почему не обновляется defaultValue при вызове setScroll?
Пытаюсь реализовать посекционный скролл на сайте. Есть state, который назвал scroll: const [scroll, setScroll] = useState({ currentSectionIndex: 0 }); useEffect(() => { window.…
- 0 ▲1 ответ.
React. Не обновляется компонент после обновления useState
Есть приложение на React, в котором 2 страницы. Первая страница запускает видео файл на весь экран. Вторая страница должна управлять первой (менять видео). На второй странице созд…
- 0 ▲0 ответ.
Как передать в функцию массив значений сформированный в другой функции?
Пытаюсь реализовать посекционный скролл на react. Получил позицию каждой секции на странице с помощью window.onload(): export default function Home() { let yPositions = [] window.…
- 0 ▲0 ответ.
Подскажите слайдер под React в котором можно реализовать все последующие карточки меньшего размера
Всем привет, начал изучать React и в первом макете который начал верстать на React есть слайдер, который я не знаю как реализовать, не могу найти подобный слайдер, может кто подск…
- 0 ▲1 ответ.
Как передать useState из дочернего компонента в родительский React
У меня есть код в файле index.js import ReactDOM from "react-dom/client"; import "./styles.css"; import Input from "./UI/RadioInputs.jsx"; function A…
- 0 ▲1 ответ.
Как добавлять определенные компоненты на страницу в зависимости от url?
app.jsx const root = ReactDOM.createRoot(document.querySelector(".root")); root.render( <Router> <AuthProvider> <Routes> <Route path='/account/' ele…
- 0 ▲1 ответ.
Сбрасывается значение state при обновлении страницы React JS
При обновлении страницы сбрасывается значение isAuth. Я использовал createContext что бы isAuth был доступен в Navbar , но при обновлении страницы (отправка данных на сервер) мой …
- 0 ▲1 ответ.
Как сделать чтобы роуты создавались из массива?
export const routes = [ {path: '/about', component: About}, {path: '/posts', component: Posts}, {path: '/posts/:id', component: PostsIdPage}, ] const AppRouter = () => { return…
- 0 ▲0 ответ.
react: передача из функционального компонента несколько состояний вовне
есть функциональный компонент (отображающий некоторые элементы управления), принимающий на вход два параметра param1, param2 и колбэк onChange, по которому возвращаются обновлённы…
- 0 ▲1 ответ.
Нумерация компонентов с помощью React.Children.map
Ни как не могу понять, как мне присвоить нумерацию каждому компоненту с обязательным использованием React.Children.map. Я получаю массив с индексами компонентов, а потом через мет…
- 0 ▲1 ответ.
Как правильно передать пропсы
У меня есть кнопка, которая меняет состояние у графика, я ее перенес, передал значение через пропсы, теперь она не работает, как правильно это сделать, вот код с первого файла: im…
- 0 ▲1 ответ.
Подъём состояния при условном рендеринге в React.js
У меня есть форма, в которой в зависимости от условия рендерится инпут для поиска или для добавления нового пользователя. Если я выношу инпут для добавления за пределы условия, то…