Я пытаюсь загрузить подробное представление на основе маршрутаact-router-dom, который должен получить параметр URL (id) и использовать его для дальнейшего заполнения компонента. Мой маршрут выглядит так, /task/:idи мой компонент загружается нормально, пока я не попытаюсь извлечь: id из URL...
Я вижу, что React.forwardRef, по-видимому, является санкционированным способом передачи ссылки на дочерний функциональный компонент из реагирующих документов: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button>...
Я пытаюсь создать новый проект, используя create-react-appкоманду, указанную в документации, то есть, npx create-react-app my-appно он не содержит папок, таких как public srcи
React Hooks дают нам опцию useState, и я всегда вижу сравнения Hooks и Class-State. Но как насчет хуков и некоторых обычных переменных? Например, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Я не использовал крючки, и это даст мне те же результаты, что и: function Foo() {...
Я хочу использовать Autocompleteкомпонент для ввода тегов. Я пытаюсь получить теги и сохранить их в состоянии, чтобы потом можно было сохранить их в базе данных. Я использую функции вместо классов в реакции. Я пытался onChange, но я не получил никакого результата. <div style={{ width: 500 }}>...
Меня интересует, как реализовать OAuth в React с помощью popup ( window.open). Например у меня есть: mysite.com - здесь я открываю всплывающее окно. passport.mysite.com/oauth/authorize - неожиданно возникнуть. Основной вопрос - как создать соединение между window.open(popup) и window.opener(как...
Я создаю разделяемую библиотеку компонентов React. Библиотека содержит много компонентов, но конечному пользователю может понадобиться использовать только некоторые из них. Когда вы связываете код с помощью Webpack (или Parcel или Rollup), он создает один файл со всем кодом . Из соображений...
Я прошел через определения двух как: Чистые функции - это те, которые не пытаются изменить свои входы и всегда возвращают один и тот же результат для одних и тех же входов. пример function sum(a, b) { return a + b; } И нечистая функция это та, которая меняет свой собственный вход. пример function...
Я установил material-ui / lab для использования компонента оповещения, но всякий раз, когда я импортирую его с: import Alert from '@material-ui/lab/Alert';он не компилируется и выдает эту ошибку: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error:...
Я хочу понять, что является более общим или правильным способом обработки ошибок с помощью React-Redux. Предположим, у меня есть компонент для регистрации номера телефона. Этот компонент выдает ошибку, скажем, если номер телефона введен неверно Как лучше всего справиться с этой ошибкой? Идея 1:...
У меня есть приложение React (не использующее Create React App), созданное с использованием TypeScript, Jest, Webpack и Babel. При попытке запустить "пряжу шут", я получаю следующую ошибку: Я попытался удалить все пакеты и повторно добавить их. Это не решает это. Я посмотрел на подобные вопросы и...
Я создаю одностраничное приложение React и заметил, что восстановление прокрутки не работает должным образом в Chrome (и, возможно, в других браузерах). На GitHub-репо реакции-router-dom у них есть страница, на которой говорится, что браузеры начинают обрабатывать прокрутку для одностраничных...
Парень, я столкнулся с проблемой. У меня есть двумерные данные. Данные имеют вложенную структуру, которая содержит ссылки. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates", title: "Themes...
TL; DR Как родительский компонент может знать, когда закончился рендеринг каждого дочернего компонента, и DOM виден пользователю с его самой последней версией? Допустим, у меня component Aесть дочерний Gridкомпонент, состоящий из 3x3компонентов внука. Каждый из этих компонентов внука извлекает...
Я сделал простой <If />компонент функции, используя React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return...
Я получил следующую ошибку при запуске проекта в браузере: Не удалось скомпилировать: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Я пытаюсь реализовать компонент автозаполнения (из примера в...
Я делаю кастомный хук, который имеет переключатель при изменении состояния. Вы должны быть в состоянии передать любое состояние в массиве. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() =>...
Я пытаюсь сжать код, написанный с помощью Next.js, используя Gzip для доставки с Nginx и сервером NodeJS. Кажется, конфиг работает, когда я использую curl -H "Content-Encoding: gzip"для проверки. Но перейдите в настоящий браузер (Chrome, Firefox). Я не могу найти это Content-Encoding: gzipсвойство...
Я использую Material ui SwipeableViews, которые используют пакет ReactSwipableView, я получаю эту ошибку на консоли react-dom.development.js: 12466 Предупреждение: componentWillReceiveProps был переименован и не рекомендуется для использования. Смотрите подробности. Переместите код выборки данных...
Я пытаюсь выяснить, как отобразить метку времени firestore в приложении реагирования. У меня есть документ пожарного магазина с полем, созданным с именем. Я пытаюсь включить его в список выходных данных (извлекая соответствующие биты, чтобы вам не приходилось читать весь список полей)....