Описание тега chakra-ui

Вопросы с тегом
0 ответов

Совместимость Chakra UI и Ant Design

Я использую клиентскую часть React с различными библиотеками компонентов - Chakra UI и Ant Design. Проблема в том, что, учитывая ChakraProvider, который необходимо настроить в корне приложения, когда я пытаюсь использовать компонент изображения Ant …
19 фев '21 в 21:18
0 ответов

Моя переменная состояния не обновляется - React js

export default function Home() { const [tooltip, setTooltip] = useState(false); return ( <DeckGL initialViewState={viewport} controller={true} ContextProvider={_MapContext.Provider} width="100vw" height="100vh" > <StaticMap mapStyle={"mapb…
19 фев '21 в 03:58
2 ответа

Formik Chakra-ui выберите без использования значения

Я пытаюсь отправить форму с раскрывающимся списком. Проблема в том, что formik не распознает значение из опций, не знаю, почему и как это исправить. <Formik initialValues={{ ingredientId:"", }} onSubmit={async (values, { setErrors }) => { cons…
25 фев '21 в 21:50
1 ответ

Как исправить эти ошибки при установке приложения chakra-ui and react?

Как исправить эти ошибки при установке приложения chakra-ui and react? **user@user:~/Desktop/Projects$ npx create-react-app my-app --template @chakra-ui** [Error][1] Creating a new React app in /home/user/Desktop/Projects/my-app. Installing packages…
17 янв '21 в 11:03
1 ответ

Интеграция Meteorjs с ChakraUI + React Router

TL; DR, у меня возникла ошибка при интеграции между этими 3. Но когда я использую Meteor с ChakraUI, он отлично работает. Но когда я добавляю реагирующий маршрутизатор, он выдает эту ошибку Предупреждение: React.createElement: тип недействителен - о…
26 фев '21 в 13:01
2 ответа

API-интерфейс Intersection Observer переходит в бесконечный цикл рендеринга

Я пытаюсь использовать API наблюдателя пересечения для условного отображения элементов в сетке CSS, когда пользователь начинает прокрутку, но, похоже, происходит бесконечный цикл рендеринга. Вот мой код. import { Portfolio } from '@/common/types'; i…
06 мар '21 в 11:36
2 ответа

Next.js «_framerMotion.motion.custom не является функцией»

У меня проблема с интерфейсом Chakra UI в Next.js. Я установил все пакеты нормально. И я редактировал _app.tsx. import { AppProps } from 'next/app' import { ChakraProvider } from '@chakra-ui/react' import '../styles/globals.css' function MyApp({ Com…
19 мар '21 в 09:21
1 ответ

получение ошибки при установке chakra ui на react js

Я установил chakra-ui в React js, и когда я установил index js для размещения ChakraProvider, у меня возникла ошибка при движении фреймера. TypeError: framer_motion__WEBPACK_IMPORTED_MODULE_1__.motion.custom is not a function
20 мар '21 в 15:18
1 ответ

Добавление пользовательского интерфейса Chakra после начала разработки приложения Create React

Я получаю сообщение об ошибке после того, как попытался добавить ChakraUI в свое приложение create-response-app. Надеясь на любую помощь (также приветствуются предложения о том, что добавить в вопрос о stackoverflow) Я побежал yarn add @chakra-ui/re…
21 мар '21 в 02:00
1 ответ

Как переопределить цвет фона по умолчанию ChakraUI с изображением

Я только начинаю использовать Chakra UI и совершенно не понимаю, как переопределить их темы по умолчанию. В частности, фоновое изображение. Когда я добавляю ChakraProvider в свое основное приложение, он устанавливает белый фон по умолчанию для тела …
23 мар '21 в 20:32
1 ответ

Ошибки React Hook Form не работают с Chakra UI

Я пытаюсь использовать ChakraUI и React-Hook-Form для создания своей формы. Однако мои ошибки не работают. Я пробовал не использовать интерфейс чакры, но все равно это не работает. Вот мой код: import React from 'react' import { useForm } from "reac…
05 янв '21 в 01:06
1 ответ

React hook form v7 проблема при развертывании следующего js-приложения на vercel

Я создаю веб-приложение с nextjs и пользовательским интерфейсом chakra, используя машинописный текст. Я использую форму реагирования на крючок для проверки формы, но это вызывает проблему, когда я развертываю ее на vercel. Посмотрите на изображение,…
07 апр '21 в 14:46
1 ответ

React - Сортировка столбцов таблицы внутри метода Map()

Я пытаюсь отсортировать таблицу (по возрастанию / убыванию), когда данные заголовка моей таблицы помещаются в метод .map () (см. Строку 73 ссылки на codeandbox в этом сообщении). Я могу изменить смайлики на клике, но сортировка не выполняется. Я дум…
06 апр '21 в 02:22
0 ответов

ChakraProvider не работает в NextJs react v16.4.0, но работает с react v17.0.1

При попытке добавить ChakraProvider в корень моего приложения NextJs я получаю сообщение об ошибке: Неперехваченная ошибка: ожидается строка. Вы забыли экспортировать свой компонент из файла, который он определил, или вы могли перепутать импорт по у…
03 апр '21 в 02:32
0 ответов

Слишком много времени у npm для установки Chakra UI

Может ли кто-нибудь описать мне, почему приведенная ниже команда занимает слишком много времени? @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4
12 апр '21 в 20:30
1 ответ

Я хочу создать собственный RadioButton с помощью framer-motion

Мы используем реакцию и машинопись.Библиотека дизайна - chakra-ui.Мы используем framer-motion для анимации. Что я хочу делать Я хочу создать оригинальные переключатели. Поведение RadioButton Когда пользователь наводит указатель мыши на кнопку → пере…
14 апр '21 в 08:16
1 ответ

React 'TypeError: элементы не повторяются'

Я пытаюсь реализовать это решение для сортировки таблиц в приложении, над которым я работаю. Вот рабочий код и ящик с функцией сортировки, которую я пытаюсь реализовать:https://codesandbox.io/s/table-sorting-gxt7g?file=/src/App.js Однако когда я пыт…
06 апр '21 в 18:08
0 ответов

Укажите атрибут min / max для ввода даты

Я использую Chakra-UI React, и я заметил, что когда я добавляю атрибут min / max в поле ввода с помощью type=date он не применяет минимальное значение. <Input type="date" min="2021-04-12" /> также я пытался использовать Date <Input type="da…
15 апр '21 в 13:13
1 ответ

Я хочу получить значение radioButton

Есть три группы радио-кнопок, выстроенных вертикально. Я хочу узнать, какая кнопка отмечена в каждой группе. Я использовал getRadioProps(), но не могу получить проверенные значения. console.log(getRadioProps().isChecked); Я получаю сообщение об ошиб…
18 апр '21 в 07:19
1 ответ

Предотвратить закрытие меню, когда пользователь нажимает ввод

Есть ли способ сделать так, чтобы <Input />не закрывается при нажатии? В настоящее время, если я щелкаю внутри ввода, меню просто закрывается. У меня та же установка, что и на оригинальном плакате. Я пробовал поиграть с closeOnSelect="false"и …
20 апр '21 в 21:00