Публикации по теме 'react-modal'
Мощный модальный (всплывающий) контроллер для React
Иногда ваше приложение растет, и многие функции перемещаются во всплывающие окна. Что, если приложение использует более 100 модальных окон? Как всем управлять? Как повторно использовать?
Этот туториал покажет вам, как создать очень полезный и мощный контроллер всплывающих окон для управления всеми вашими всплывающими окнами и вызова их из любого места с любым реквизитом, который вам нужен.
Мы будем использовать React Hooks и React Context для создания простого провайдера для..
Вопросы по теме 'react-modal'
Ошибка при вызове react-modal в приложении rails 4
У меня возникли проблемы с использованием react-modal в моем приложении rails 4 с интерфейсом react-rails. Я уже выполнил шаги в этом вопросе SO Как вызвать react-modal из rails-assets.org в компоненте react-rails и в этом выпуске GitHub...
401 просмотров
schedule
02.03.2023
React Bootstrap Table имеет кнопку в каждой строке для создания модального окна, но одна кнопка будет вызывать модальное отображение несколько раз.
У меня React Bootstrap Table , на каждой странице таблицы 20 записей. В каждой строке я добавил кнопку, используя следующую строку
function attachFormatter(cell, row){
return (
<AttachmentManager />
);
}...
3165 просмотров
schedule
06.10.2022
Кнопка React-Modal Close не работает
Я использую модальный режим, но моя кнопка для закрытия модального окна не запускает onClick={this.handleCloseModal}, что делает кнопку внутри модального полностью невосприимчивой. Я пробовал разные вещи в течение нескольких часов и не могу понять,...
6267 просмотров
schedule
25.08.2022
Динамически изменяющийся контент в модальном режиме
У меня проблема с модальным реагированием. У меня есть список SingleElement , и после щелчка должно появиться модальное окно с более подробной информацией о выбранном элементе. JSON с данными хранится как состояние, и изнутри Modal я не могу найти...
4351 просмотров
schedule
07.11.2022
React Modal не работает в компоненте заголовка
У меня есть компонент входа в систему в моем заголовке (bootstrap), который должен открывать модальное окно, когда я нажимаю. Я использую модальное окно из реактивного модального окна (пакет npm). Хотя я не получаю сообщения об ошибке, всплывающее...
59 просмотров
schedule
10.02.2023
Динамическое изменение модальных данных
У меня есть родительский компонент App.js и дочерний компонент MealModal.js . Когда пользователь нажимает на конкретную карточку с едой, открывается модальное окно, в котором должна отображаться дополнительная информация о еде.
Поэтому я...
4800 просмотров
schedule
28.04.2023
Диалог React Material-Ui (0.20.0) не показывает ожидаемых результатов?
React Material-Ui имеет компонент Dialog , который имеет свойство modal , когда я изменяю его на true или false , он показывает мне тот же результат, что означает это свойство?
это действительно сбивает меня с толку, пожалуйста, помогите мне?...
328 просмотров
schedule
27.06.2023
Как иметь несколько провайдеров или состояние, доступное только для части макета
Я следовал руководству по React-Router Modal , чтобы получить что-то похожее 2 DOM (один для модального с текущим местоположением и по умолчанию с предыдущим местоположением).
Проблема: мне нужно иметь возможность передавать через все...
221 просмотров
schedule
07.10.2022
модальное изображение реакции не показывает изображение большого размера при нажатии
У меня есть код ниже для отображения изображений в Image.Group с параметром размера, который должен быть установлен на «маленький». Внутри Image.Group я использовал ModalImage , импортированный из react-modal-image . Предполагается, что при...
792 просмотров
schedule
27.12.2022
Animate React Modal
У меня есть Modal в моем веб-приложении, которое я хочу скользить, когда пользователь нажимает кнопку "открыть". Для этого я использую react-transition-group . Но я не могу заставить анимацию работать. Не уверен, что здесь не так?
import React...
15777 просмотров
schedule
14.03.2023
почему я получил [объект объект]
import React, { Component } from "react";
import { Button, View ,Text ,StyleSheet, FlatList, ScrollView} from "react-native";
import DateTimePicker from "react-native-modal-datetime-picker";
import moment from 'moment'
import addDays from...
627 просмотров
schedule
23.12.2023
Я хочу открыть изображение, по которому щелкнули, в режиме реагирования
Я читал много подобных вопросов, но они не работали. Я хочу открыть объект, который щелкнул в галерее, в модальном режиме. Моя проблема в том, что когда пользователь нажимает на изображение, чтобы открыть модальное окно последнего объекта в массиве....
139 просмотров
schedule
17.06.2023
Вызов модального окна для списка продуктов открывает модальное окно для всех из них, а не только для того, по которому щелкнули.
Я делаю нативное приложение для реагирования, которое загружает данные из google firebase, а затем отображает их на странице, когда пользователь нажимает на любой из продуктов, открывается модальное окно, чтобы показать больше данных.
Я использую...
25 просмотров
schedule
04.06.2023
Как импортировать компонент, который отображается в другом компоненте?
У меня есть компонент формы , отображаемый в компоненте component1 , и я хочу использовать его в другом компоненте, component2 , но я хочу использовать со всеми функциями внутри component1 . Как я могу это сделать? Я попытался экспортировать...
26 просмотров
schedule
10.06.2022