Запитання з тегом «reactjs»

TL; DR Як батьківський компонент може знати, коли рендеринг кожного дочірнього компонента під ним закінчується і DOM стає видимим для користувача з його найновішою версією? Скажімо, у мене є component Aдочірній Gridкомпонент, що складається з 3x3компонентів онука. Кожен з цих компонентів онука витягує дані з спокійної кінцевої точки API і …

11 reactjs 

Хлопець, я зіткнувся з проблемою. У мене є двовимірні дані. Дані мають вкладену структуру, яка містить посилання. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates", title: "Themes & Templates" …

11 reactjs 

Я будую односторінковий додаток React, і я помітив, що відновлення прокрутки не працює так, як очікувалося в Chrome (і, можливо, в інших браузерах.) На сайті react-router-dom github repo є сторінка, на якій написано, що браузери починають на самому справі прокручувати додатки для однієї сторінки, і поведінка буде подібною до поведінки …

11 javascript  reactjs  google-chrome  react-router 

У мене є програма React (не використовуючи Create React App), створена за допомогою TypeScript, Jest, Webpack та Babel. При спробі запустити "пряжа є", я отримую таку помилку: Я спробував видалити всі пакунки та повторно додати їх. Це не вирішує це. Я переглянув подібні запитання та документацію і все ще щось …

11 reactjs  jestjs  babeljs  babel-jest  ts-jest 

Я хочу зрозуміти, що є більш загальним або правильним способом обробки помилок з React-Redux. Припустимо, у мене є компонент для реєстрації телефонних номерів. Цей компонент видає помилку, якщо вхідний номер телефону недійсний Що було б найкращим способом вирішити цю помилку? Ідея 1: Створіть компонент, який приймає помилку і розсилає дію …

11 reactjs  redux 

Я збираюся створити навігацію для ящиків у своєму проекті. Я встановив це за допомогою цієї команди: npm install @react-navigation/drawer Потім імпортували це в App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; Це мій package.jsonвміст: "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": …

10 reactjs  react-native  navigation-drawer  react-navigation 

Я намагаюся глибше зрозуміти useEffectгачок. Мені хотілося б знати, коли використовувати який метод і чому? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter useEffect(()=>{},[arg])

10 javascript  reactjs  react-redux 

У мене є випадок, коли мені потрібно знати, чи користувач увійшов чи ні, перш ніж сторінка буде надана на сервер і повернена мені за допомогою Next.js, щоб уникнути зміни мерехтіння в інтерфейсі користувача. Я зміг зрозуміти, як не допустити доступу користувача до деяких сторінок, якщо він уже ввійшов у систему …

10 javascript  reactjs  typescript  next.js 

Я намагаюся імітувати інші додатки для чату для мобільних пристроїв, коли, коли ви вибираєте send-messageтекстове поле і воно відкриває віртуальну клавіатуру, все ще переглядається найнижнє повідомлення. Здається, це не дивно зробити це за допомогою CSS, тому JavaScript resize(єдиний спосіб дізнатися, коли клавіатура відкривається та закривається, очевидно) події та ручна прокрутка …

10 javascript  android  html  css  reactjs 

Я передаю компоненти з моєї зовнішньої бібліотеки шаблонів (node_modules). У своєму головному додатку я передаю свій Linkекземпляр із react-router-domкомпонента в мої зовнішні бібліотеки так: import { Link } from 'react-router-dom'; import { Heading } from 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> У моїй …

10 javascript  reactjs  react-router-dom 

Я намагаюся розібратися, як отримати ім’я користувача, який є атрибутом, що зберігається в колекції користувачів, який був об'єднаний з атрибутами, створеними моделлю аутентифікації firebase. Я можу отримати доступ до authUser - що дає мені обмежені поля, які firebase збирає в інструменті аутентифікації, а потім я намагаюся потрапити звідти до відповідної …

10 reactjs  firebase  google-cloud-firestore  firebase-authentication 

Я намагався вирішити цю проблему, але не знайшов сильної відповіді на неї. Я намагаюся виконати мутацію входу, використовуючи гачок useMutation. TLDR; Я хочу знати, в чому саме полягає різниця між переданим onError у параметрах та помилкою, яку мені надає useMutation Ось мій фрагмент коду const [login, { data, loading, error …

10 reactjs  graphql  react-apollo  apollo-client 

Google показує вищевказані 3 спливаючі вікна користувачам, коли вони намагаються зареєструватися за допомогою google на моєму веб-сайті, але він не показує те саме, що з’являється для мене, коли я намагаюся зареєструватися. Я бачу саме це - Ці 3 окремі спливаючі вікна спричиняють величезні спаси на моєму веб-сайті. Як я можу …

10 reactjs  google-calendar-api  google-signin  google-apps  google-login 

Я намагаюся розібратися, як відобразити часову позначку firestore у реагуючому додатку. У мене є документ firestore з полем з назвою createdAt. Я намагаюся включити його до списку вихідних даних (витягнути тут відповідні біти, щоб вам не довелося читати весь список полів). componentDidMount() { this.setState({ loading: true }); this.unsubscribe = this.props.firebase …

10 javascript  reactjs  firebase  google-cloud-firestore  unix-timestamp 

Я використовую Material ui SwipeableViews, який використовує пакет ReactSwipableView, я отримую цю помилку на консолі react-dom.development.js: 12466 Попередження: компонентWillReceiveProps був перейменований і не рекомендується використовувати. Детальніше дивіться. Перемістіть код отримання даних або побічні ефекти в компонентDidUpdate. Якщо ви оновлюєте стан, коли змінюється реквізит, перефактуруйте код, щоб використовувати методи запам'ятовування, або …

10 reactjs