Вопросы с тегом «reactjs»

Я использую хук UseHistory в реагировать маршрутизатор v5.1.2 с машинописью? При запуске юнит-теста у меня возникла проблема. Ошибка типа: невозможно прочитать свойство 'history' из undefined. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as router from 'react-router'; import { QuestionContainer } from …

18 reactjs  typescript  react-router  jestjs  enzyme 

Я имею в виду документацию React Material-UI ( https://material-ui.com/components/autocomplete/ ). В демо-коде <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Я понимаю, как это работает, но я не уверен, как я должен получить выбранное значение. Например, …

17 javascript  reactjs  material-ui 

У меня есть приложение «Реакция» (приложение А), созданное около 2 лет назад с использованием команды «создать-реакция», и оно было удалено. Приложение экспортируется как модуль commonjs2 и поставляется в пакете NPM для использования в проекте next.js (приложение B). Все шло гладко, пока я не обновил некоторые пакеты в приложении A, в …

16 reactjs  npm  webpack  next.js 

Я написал пользовательскую кнопку ( MyStyledButton) на основе материала-интерфейса Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others } …

16 javascript  css  reactjs  jestjs  enzyme 

Я пишу проект React в коде VS. Я встретил эту проблему в коде VS. В моем проекте эта папка показывает Содержит выделенные элементы, и я знаю, что это означает, что в моих файлах есть ошибка. Но на картинке , Я проверил все файлы, но ошибок не найдено. Так что это …

16 reactjs  visual-studio-code 

При попытке получить доступ к компоненту «Вход» моего приложения MERN в рабочей версии я получаю серию следующих ошибок типа, показанных на этом изображении: Мое приложение ( https://github.com/ahaq0/kumon_schedule ) отлично работает локально и прекрасно работало, размещенное на Heroku ранее сегодня. Я попытался откатить все изменения в коде, которые я сделал сегодня, …

15 reactjs  typescript  heroku  material-ui  mern 

У меня есть приложение «Реакция», созданное с помощью команды «создать-реакция-приложение» После запуска npm start (сценарий запуска присутствует в package.json как «start»: «response-scripts start»), консоль говорит «Запуск сервера разработки как обычно» и запускает браузер. Но после этого и консоль, и браузер не делают абсолютно ничего бесконечно. Нет ошибок или выходных данных. …

15 reactjs  npm  create-react-app  react-scripts 

Я недавно начал использовать TypeScript с Expo. Я сделал все интеграции linter / formatter так, typescript-eslintчтобы я мог отлавливать большинство ошибок во время кодирования. Чтобы проверить, компилируется ли код, я запускаю npx tscвремя от времени и исправляю соответственно. Одна вещь, которую я до конца не понял, - это то, почему …

15 reactjs  typescript  react-native  expo 

Я новичок в Next.js и мне интересно, как, например, перенаправить со стартовой страницы ( / ) в / hello-nextjs . После того, как пользователь загрузит страницу и после этого определит, будет ли путь === / перенаправить на / hello-nextjs В реакции-роутере мы делаем что-то вроде: <Switch> <Route path="/hello-nextjs" exact component={HelloNextjs} …

15 html  reactjs  routing  react-router  next.js 

Я пытаюсь загрузить подробное представление на основе маршрутаact-router-dom, который должен получить параметр URL (id) и использовать его для дальнейшего заполнения компонента. Мой маршрут выглядит так, /task/:idи мой компонент загружается нормально, пока я не попытаюсь извлечь: id из URL следующим образом: import React from "react"; import { useParams } from "react-router-dom"; …

14 reactjs  react-router 

Я вижу, что React.forwardRef, по-видимому, является санкционированным способом передачи ссылки на дочерний функциональный компонент из реагирующих документов: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>; Тем …

13 javascript  reactjs  performance 

Я пытаюсь создать новый проект, используя create-react-appкоманду, указанную в документации, то есть, npx create-react-app my-appно он не содержит папок, таких как public srcи script.

13 reactjs  create-react-app 

Я прошел через определения двух как: Чистые функции - это те, которые не пытаются изменить свои входы и всегда возвращают один и тот же результат для одних и тех же входов. пример function sum(a, b) { return a + b; } И нечистая функция это та, которая меняет свой собственный …

12 javascript  reactjs  redux 

Я установил material-ui / lab для использования компонента оповещения, но всякий раз, когда я импортирую его с: import Alert from '@material-ui/lab/Alert';он не компилируется и выдает эту ошибку: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Поэтому я попытался решить эту проблему в Google и нашел еще один вопрос …

12 javascript  node.js  reactjs  material-ui 

Я создаю разделяемую библиотеку компонентов React. Библиотека содержит много компонентов, но конечному пользователю может понадобиться использовать только некоторые из них. Когда вы связываете код с помощью Webpack (или Parcel или Rollup), он создает один файл со всем кодом . Из соображений производительности я не хочу, чтобы весь этот код загружался …

12 reactjs  npm  webpack  es6-modules  rollup