Tagged: jsx

05
Май
2021

Удаление элементов из массива с отображаемыми блоками React

не получается удалить элемент из массива по нажатию кнопки . Кнопка классом "button-krestik" должна удалять отображаемый блок из массива вместе с которым она попала в этот массив.
Что я делаю не так?
const [itemReward,setItemRewa…

03
Май
2021

Как установить максимально и минимальное значение для Input type number React/JSX?

Дело в том что в теге number я указал значения для min и для max. Если изменять число стрелками, то все ок , но если вводить число с клавиатуры, то можно свободно ввести число меньше минимального значения и больше максимального.
<input …

03
Апр
2021

react JSX.Element: соединить массив строк и теги как разделитель

подскажите как решить покомпактнее и поэлегантнее следующую задачу:
есть массив строк
let texts: string[];

надо на выходе получить JSX код в котором между строками будет стоять разделитель <br />
конечно можно сделать так:
<div d…

12
Мар
2021

Как сделать выпадающее меню при наведении курсора

Нужно чтобы при наведении курсора мыши на название пункта навигации выпадало меню с одним дополнительным действием. В данный момент работает это откровенно… так себе)

<Nav className=’mr-auto’>
<Nav.Link><Link to=’/me…

16
Янв
2021

React – проблема с хуками

При использовании пакета npm "use-dark-mode" я пытаюсь применить хук const darkMode = useDarkMode (false); внутри функции, но я получаю сообщение об ошибке
Error: Invalid hook call. Hooks can only be called inside of the body of …

01
Янв
2021

Что такое Пресет в Webpack

Начал изучение Webpack, в статье автор устанавливает Babel, babel-core, babel-loader и.т.д затем объясняет что к чему, вот текст из статьи
"babel-core: Преобразует код ES6 в ES5.
babel-loader: Помощник Webpack для транспайлинга кода, …

21
Дек
2020

React – анимация меню

У меня есть мобильный меню, https://ibb.co/DR1QCdt я хочу добавить плавное анимацию при открытии меню как можно это делать?
NavbarMobile.jsx
import React from ‘react’;

import avatar from "../../../backgrounds/tt_avatar_small.jpg&quot…

13
Дек
2020

Связать две компоненты в React через props передав данные

Подскажите как мне правильно передать данные через props в компоненте. У меня есть компонента которая изначально была AllOrder и была работающей, затем я ее разбил на отдельные компоненты Orders и OrdersItem. Как мне правильно передать зна…

10
Дек
2020

Всплывающее окно на определенной кнопке в React

Я еще новичок в JavaScript с React и пока не совсем понимаю как решать данную проблему. У меня есть определенный список который отображается методом map из сервера занесенная в отдельную компоненту Orders, у этого списка имеется кнопка but…

24
Ноя
2020

Photoshop редактирование SmartObject

Есть графический файл mockup psd.
Внутри файла смартобъекты.
Как получить доступ к этому смартобъекту и редактировать? (поменять слой, удалить слой).
Пытаюсь обратиться в mockup как к обычному слою, но так не работает.
var mockup = op…

18
Ноя
2020

Не получается закрыть модальное окно с переходом на главный экран. React nativ

Задача на первый взгляд была проста. Состояла она в следующем, если пользователь не авторизован и при переходе на экран Профиля, должно появится модальное окно для авторизации. Если пользователь нажимает кнопку "назад" или кликае…

04
Ноя
2020

Автоматическое создание таблицы / Вставить только закрывающий тег React

Пишу приложение на React и появилась необходимость автоматически генерировать таблицу. Пример: дается массив из 6 названий (на деле размер массива заранее не известен), хочется вывести их в таблицу, но чтоб в строке было по 4 элемента. Соо…

14
Окт
2020

Как запретить перетаскивание img с зажатой левой кнопкой мыши в React?

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

09
Окт
2020

При вставке любого тега, текст переходит на следующую строку React

Может я что-то упустил и не понял, но, что я только не делал. Я сделал текстовый редактор на сайте в котором есть 2 экрана, это ввод текста и вывод (предпросмотр) статьи. У меня есть несколько кнопок, которые стилизуют этот текст(теги заго…

18
Сен
2020

При запуске проекта HOC не видится как функция

Прохожу обучение по react и столкнулся с проблемой уже перечитал вдоль и поперек документацию видос пересмотрел 5 раз не могу найти ошибку
Вот как выглядит HOC
function withAuthRedirect(Component) {
return class extends React.Component…

08
Сен
2020

Как добавить введённые данные в списки при этом не удаляя данные введённые раньше?

Есть сайт в котором вводиться имя и фамилия. Как сделать так чтоб все введённые имена и фамилии отображались на экране.
import React,{Component} from ‘react’;
import ‘./App.css’;

class PersonInput extends React.Component {
constructor(p…

28
Авг
2020

Как изменить значение у обоих компонентов?

Есть два компонента "My1" и "My2" , есть функция myFunction(). Компоненты не имеют общего предка и не взаимосвязаны. Обои компонента похожи и ссылаются на одну и тужу функцию. Вопрос как сделать так , чтобы при нажатии …

23
Май
2020

Как исправить ошибку после обновления страницы (react-douter-dom)?

Пытаюсь сделать маршруты с помощью react-router-dom и столкнулся с проблемой что что если я даю двойной путь(/list/:name) то при переходе всё загружается, но если обновить страницу то я получаю ошибку(скриншот ошибки: https://ibb.co/XpNSSY…