Описание тега react-popper

1 ответ

Реагировать Поппер. Как переместить элемент относительно родителя?

Я пытаюсь переместить Popper, который находится внутри родительского компонента. Как я могу это сделать? Я пытался использовать свойство смещения в объекте модификаторов. например: offset: { offset: 20, } Но смещение только перемещает Поппера в одно…
14 янв '19 в 22:41
0 ответов

React Popper не остается рядом со своим элементом при прокрутке вниз

Моя цель здесь - показать всплывающее окно параметров общего доступа при нажатии кнопки. Когда я вверху экрана все выглядит хорошо. Но когда я прокручиваю вниз и нажимаю на него, всплывающее окно будет отображаться вверху, как если бы ссылка никогда…
09 ноя '18 в 00:19
1 ответ

response-popper: переместите с помощью scheduleUpdate

Я использую React-popper, чтобы показать элемент выбора даты после нажатия кнопки. JSX <Manager> <Reference> {({ ref }) => ( <button ref={ref} onClick={this.onDateRangeBtnClick}>click to show</button> )} </Reference>…
12 сен '18 в 12:49
0 ответов

Как повторно использовать модификатор popper js при его переопределении?

Я использую пакет response-popper ( https://github.com/FezVrasta/react-popper). Я хочу переопределить модификатор flip, чтобы включить / отключить внутренний модификатор в зависимости от некоторых условий. Но после того, как я установил свойство fn,…
30 ноя '18 в 08:47
1 ответ

React-Popper + пользовательские компоненты с помощью хуков

У меня есть набор Компонентов, которые не должны использовать внутреннее реагирование. Я пытаюсь сделать так, чтобы они использовались в качестве эталона при реагировании на поппер. Я понимаю, что решение заключается в использовании forwardRef, одна…
20 фев '19 в 11:34
2 ответа

Реагировать (не уверен, откуда берется переменная)

Я новичок в React и пытаюсь понять React-Popper. Это некоторый код из https://www.npmjs.com/package/react-popper Откуда берутся значения для 'ref', 'style', 'location' и 'arrowProps' и как мне их редактировать? Я понимаю, что вы можете использовать …
06 май '19 в 19:18
1 ответ

Являются ли popper и popper.js двумя разными пакетами в npm?

Я следую учебнику, который использует эту команду для установки popper:npm install popper --save, Но когда я попробовал, он получил это сообщение об ошибке: фатальная ошибка - обнаружена несоответствие базы Cygheap - 0x13A1410/0x13D1410 Поэтому я ис…
20 май '19 в 17:12
2 ответа

Как использовать реактивный поппер с рендером

Я новичок, пытаюсь понять react-popper, На их github это пример кода: import { Manager, Reference, Popper } from 'react-popper'; const Example = () => ( <Manager> <Reference> {({ ref }) => ( <button type="button" ref={ref}> R…
28 мар '19 в 16:41
1 ответ

Popper.js React Wrapper - React.createElement: тип недействителен

Я пытаюсь реализовать автономный пример отсюда, используя react-popper - Я сейчас просто скопировал и вставил код. Это делает компонент. Однако при нажатии все ломается. Я использую это в Gatsby.js - если это должно иметь значение? Вот ошибки, котор…
28 мар '19 в 13:52
0 ответов

Ошибка Поппера-Реакта: referenceElement не существует для типа {}

Я новичок в node.js, npm и webpack. Я пытаюсь использовать реактив-поппер для проекта. Я пытаюсь использовать следующий код, но я получаю сообщение об ошибке: referenceElement не существует для типа {} Ошибка для кода: <Popper referenceElement={v…
03 май '19 в 22:59
1 ответ

Как настроить реагирующее поппер

Как установить стиль стрелки так же, как поппер import React from "react"; import ReactDOM from "react-dom"; import { Manager, Reference, Popper } from "react-popper"; function App() { return ( <Manager> <Reference> {({ ref }) => ( &l…
19 июл '19 в 22:10
1 ответ

Поппер-Реакция покидает границы контейнера

Я установил простой пример, где это происходит, обратите внимание, как всплывающая подсказка получает translate3d(-45px, 147px, 0px), которая отображает ее за пределами окна: https://codesandbox.io/s/stupefied-blackwell-nll6m
18 авг '19 в 09:16
0 ответов

Есть ли способ заставить Поппер (реагировать-поппер) переворачиваться, когда он переполняет своего родителя?

Мой Popper переполняет контейнер своего родителя, я хочу, чтобы он перевернулся, чтобы он больше не переполнял контейнер. Это, вероятно, проблема в Popper's modification prop что я не могу понять. https://codesandbox.io/s/sad-bush-2ldkz Я сделал про…
23 авг '19 в 06:42
0 ответов

React material - получение TypeError: Невозможно установить свойство 'transition' из undefined при тестировании компонента popper

Я использую реактивный материал и popper компонент в моем проекте. Я пытаюсь проверить компонент, который использует popper с модульным тестом. Это методы в компоненте: constructor(props) { super(props); this.state = { openMenu: false, }; } onToggle…
26 авг '19 в 17:40
10 ответов

Как исправить эту ошибку: "Модуль не найден: не удается разрешить popper.js "

После импорта Bootstrap и Jquery эта ошибка появляется при компиляции. import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; import 'bootstrap/dist/css/bootstrap.css'; import './index.css'; global.jQuery = require('jq…
12 авг '19 в 13:58
0 ответов

Реакция-бутстрап Реакция-поппер смещена по правильному обоснованному соединению

Я использую версии: react@16.8.6 react-bootstrap@1.0.0-beta.8 У меня есть форма с правом оправдания, забыл пароль, ссылка на ссылку: <Form> ... <a href="https://www.google.com" className="d-flex justify-content-end" target="_blank">Forgo…
0 ответов

Обновленный реактив и загруженный реактив как зависимость

Я сегодня обновил responsestrap, получил некоторые ошибки, сказал, что искал Reaction-Popper, поэтому я установил, что "react-popper": "^1.3.3", "reactstrap": "^8.0.1", Теперь, когда я запускаю свой проект, я получаю: Uncaught Ошибка: сборка модуля …
12 июл '19 в 23:52
0 ответов

React Popup не имеет доступа к значению состояния обновления

Я использую react-popup, У меня проблема, когда я хочу получить доступ к значению состояния обновления, оно не работает. Значит, это не рендеринг пользовательского интерфейса, если состояние изменено. Когда я закрыл всплывающую форму, я снова щелкну…
0 ответов

Как можно запустить библиотеку Popper.js в экземпляре Vue

У меня есть спа-центр Vue. Я хочу реализовать всплывающее окно popper.js в соответствии с этим кодом из официальных документов https://codepen.io/FezVrasta/pen/yWGrOZ. Кажется, я не могу расположить элемент "pop" справа от "ref". Div "pop" отображае…
09 дек '19 в 17:14
3 ответа

npm WARN устарел popper.js@1.16.1: вы можете найти новый Popper v2 на @popperjs/core, этот пакет посвящен устаревшей версии v1

Когда я помещаю команду npm update для существующего проекта React это отображается: npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1 npm WARN optional SKIPPING OPTION…