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

Я намагаюся стиснути код, написаний Next.js, використовуючи доставку Gzip з сервером Nginx і NodeJS. Здається, що конфігурація працює, коли я використовую curl -H "Content-Encoding: gzip"для перевірки. Але приходьте до справжнього браузера (Chrome, Firefox), я не можу знайти Content-Encoding: gzipвластивість у заголовках відповідей. Натомість X-Content-Encoding-Over-Network: gzipз'являється. Я використовую Google Lighthouse для …

10 node.js  reactjs  nginx  gzip  next.js 

Я роблю користувацький гачок, у якого є занадто вуглець, коли зміниться стан. Ви повинні мати можливість передавати будь-який стан у масиві. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return …

10 reactjs  react-native  eslint  react-hooks 

коли в середовищі розробки, моя програма працює просто чудово. Коли у виробничому середовищі він виходить з ладу: Uncaught TypeError: (0 , _react.useEffect) is not a function Це трапляється у файлі, який я створив, куди імпортую React та useEffect так: import React, { useEffect } from 'react' const X = () …

10 javascript  reactjs  react-hooks  parceljs 

У мене є компонент React, який включає прапор наявності підключення до Інтернету. Елементи інтерфейсу повинні динамічно змінюватися відповідно до стану в режимі реального часу. Також функції поводяться по-різному зі змінами прапора. Моя поточна реалізація опитує віддалений API, що використовує Axios щосекунди, використовуючи інтервал і відповідно оновлює стан. Я шукаю більш …

10 javascript  reactjs  axios 

Сьогодні раптом у мене почали виникати помилки побудови проекту, побудованого за допомогою Typescript. У файлі, який (або все, на що він посилається) не змінювався тижнями, я почав отримувати: ./path/to/my/file.ts Line 0: Parsing error: Cannot read property 'name' of undefined Ця помилка вперше з'явилася на нашій ІП, її можна повторити, вручну …

10 reactjs  typescript  create-react-app  react-scripts  react-typescript 

У мене є сервіс api, де я маю різні способи здійснення дзвінків в API. Я успішно протестував усі запити GET, але у мене виникли проблеми з тестуванням POST-запитів. Це метод: export default class ApiService { static makeApiCall = <T>( url: string, oneCb: <T>(d: Data) => T, secondCb: (d: T) => …

9 javascript  reactjs  testing  ecmascript-6  jestjs 

Я пробую тестування, я створив пісочницю з підробленим прикладом https://codesandbox.io/s/wizardly-hooks-32w6l (насправді у мене є форма) class App extends React.Component { constructor(props) { super(props); this.state = { number: 0 }; } handleSubmit = (number1, number2) => { this.setState({ number: this.handleMultiply(number1, number2) }) } handleMultiply = (number1, number2) => { return number1 …

9 javascript  reactjs  jestjs 

Я намагаюся відкрити пакет, але коли андроїд працює, він показує наступне повідомлення 2020-01-05 23: 15: 45.366 26210-26210 / com.note.principal W / .note.principa: доступ до прихованого поля Landroid / view / View; -> mAccessibilityDelegate: Landroid / view / View $ AccessibilityDelegate; (легкий грайліст, рефлексія) 2020-01-05 23: 15: 45.470 26210-26242 / com.note.principal …

9 javascript  android  reactjs  react-native  gradle 

Отже, я шукав відповідь на це запитання і виявив, що під час імпорту "React" не потрібно містити {}, оскільки це експорт за замовчуванням, а не ім'я з ім'ям. Ну це правильно, але я також бачив що, імпортуючи експорт за замовчуванням, ми можемо використовувати імпорт для імпорту. Але в цьому випадку …

9 javascript  reactjs 

У мене є додаток, де я використовую інтерфейс матеріалу та його постачальник тем (використовую JSS). Зараз я включаю fullcalendar-react , який насправді не є повноцінною бібліотекою React - це лише тонка обгортка компонентів React навколо оригінального коду fullcalendar. Тобто, у мене немає доступу до таких речей, як рендеринг, щоб контролювати, …

9 css  reactjs  fullcalendar  jss 

У мене дуже невеликий підмножина Markdown, а також якийсь спеціальний html, який я хотів би розібрати на компоненти React. Наприклад, я хотів би перетворити наступний рядок: hello *asdf* *how* _are_ you !doing! today У наступний масив: [ "hello ", <strong>asdf</strong>, " ", <strong>how</strong>, " ", <em>are</em>, " you ", <MyComponent …

9 javascript  arrays  regex  reactjs  markdown 

Я хотів би, щоб користувач міг сортувати список предметів. Коли користувач вибере елемент зі спадного меню, він встановить те, sortKeyщо створить нову версію setSortedTodos, а в свою чергу запустить useEffectі виклик setSortedTodos. Наведений нижче приклад працює саме так, як я хочу, однак eslint спонукає мене додати todosдо useEffectмасиву залежностей, і …

9 javascript  reactjs  react-hooks  eslint 

У цьому випуску GitHub я по суті запропонував зміни: x = useCallback( ... , []); До: x = useRef( ... ).current; Два однакові, але з useRefReact не порівнюють залежності. На що надійшла відповідь із запитанням: Чи коли-небудь виникає ситуація, коли безальтернативний useMemo або useCallback був би кращим вибором, ніж useRef? …

9 reactjs  react-functional-component 

Я створюю веб-додаток React JS, який згодом буде перетворений на PWA, щоб користувачі могли встановити його на своїх мобільних пристроях. Тепер клієнт просить знайти спосіб підштовхнути ці додатки PWA до Apple Store і Google Store. Тож мій запит полягає в тому, чи є у нас інструменти для перетворення програм Progessive …

9 javascript  reactjs  progressive-web-apps 

У мене є функції IIFE для деякого коду бібліотеки у застарілому додатку, який повинен працювати для IE10 + (Не завантажується модуль ES6 тощо). Однак я починаю розробляти додаток React, який використовуватиме ES6 та TypeScript, і я хочу повторно використовувати код, який у мене вже є, не дублюючи файли. Після невеликих …

9 javascript  reactjs  es6-modules  legacy  iife