Публикации по теме '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 просмотров

React Bootstrap Table имеет кнопку в каждой строке для создания модального окна, но одна кнопка будет вызывать модальное отображение несколько раз.
У меня React Bootstrap Table , на каждой странице таблицы 20 записей. В каждой строке я добавил кнопку, используя следующую строку function attachFormatter(cell, row){ return ( <AttachmentManager /> ); }...
3165 просмотров

Кнопка 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 просмотров

модальное изображение реакции не показывает изображение большого размера при нажатии
У меня есть код ниже для отображения изображений в 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 просмотров