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

Стандартний спосіб використання React useState Hook полягає в наступному: const [count, setCount] = useState(0); Однак ця const countзмінна, очевидно, буде перенесена на інше примітивне значення. Чому тоді змінна не визначається як let count?

33 javascript  reactjs  ecmascript-6  react-hooks 

Ось проблема: я намагаюся викликати дві функції при натисканні кнопки. Обидві функції оновлюють стан (я використовую гачок useState). Перша функція правильно поновлює value1 на 'new 1', але після 1s (setTimeout) друга функція запускається, і вона змінює значення 2 на 'new 2', АЛЕ! Він встановлює значення1 назад до '1'. Чому це …

31 javascript  reactjs  react-hooks 

Я розробляю просту завантажувальну програму react-spring, але через проблему GitHub відтворюю свої файли для запуску програми за допомогою IntelliJ та встановлюю модулі вузлів, використовуючи дані про залежність файлу попереднього пакета.json. Якщо я використовую навігаційну панель, що згортається (гамбургер -> чуйні навігаційні панелі, які згортаються в перегляді мобільних пристроїв) і натискаю …

27 javascript  jquery  reactjs  bootstrap-4 

Я намагаюся розібратися, як використовувати слухач Firebase, щоб дані хмарного firestore були оновлені оновленнями реактивних гаків. Спочатку я робив це, використовуючи компонент класу з функцією компонентDidMount, щоб отримати дані firestore. this.props.firebase.db .collection('users') // .doc(this.props.firebase.db.collection('users').doc(this.props.firebase.authUser.uid)) .doc(this.props.firebase.db.collection('users').doc(this.props.authUser.uid)) .get() .then(doc => { this.setState({ name: doc.data().name }); // loading: false, }); } Це руйнується, …

27 javascript  reactjs  firebase  google-cloud-firestore  react-hooks 

Я розгортаю додаток React, але отримую дивну помилку, коли відвідую сторінку через https. Коли я відвідую сторінку через https, я отримую таку помилку: SecurityError: Не вдалося сконструювати "WebSocket": Небезпечне з'єднання WebSocket може не ініціюватися зі сторінки, завантаженої через HTTPS. Але коли я переходжу на сторінку через http, вона працює чудово. …

25 node.js  reactjs 

далі react-native init ProjectName, основний файл програми App.jsмістить декларацію компонента таким чином: const App: () => React$Node = () => {...} Що означає ця інструкція? Я маю на увазі, я звик до компонентів, визначених як const App = () => {...}, тому я не розумію, зокрема, вираз між ними : …

23 javascript  reactjs  react-native 

З якихось причин я не можу змусити роботу вибору дат матеріалу . Кожен раз, коли вибирач дати відображається в React, видається така помилка: RangeError: Рядок форматування містить нерозміщений символ латинського алфавіту n Я створив stackblitz лише за допомогою датника ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ) і навіть там з’являється помилка. Що я роблю …

19 javascript  reactjs  material-ui  material-ui-pickers 

Я новачок, що використовує React, тому це може бути дуже просто досягти, але я не можу сам це зрозуміти, хоча я провів деякі дослідження. Пробачте, якщо це занадто тупо. Контекст Я використовую Inertia.js з адаптерами Laravel (бекенд) і React (передній край). Якщо ви не знаєте інерції, це в основному: Inertia.js …

19 javascript  reactjs  promise  inertia 

Я використовую новий користувальний історичний гак React Router, який вийшов кілька тижнів тому. Моя версія React-маршрутизатора - 5.1.2. Мій Реакція знаходиться у версії 16.10.1. Ви можете знайти мій код внизу. Однак, коли я імпортую нове useHistory від react-router, я отримую цю помилку: Uncaught TypeError: Cannot read property 'history' of undefined …

18 reactjs  react-router  react-hooks  react-router-dom  react-context 

Я маю на увазі документацію 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 

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

17 reactjs  typescript  react-router  jestjs  enzyme 

У мене є програма реагування (додаток A), створена близько 2 років тому за допомогою create-react-app, і вона викидається. Додаток експортується у вигляді модуля commonjs2 та постачається у пакеті NPM, щоб використовуватись у проекті next.js (додаток B). Все пройшло гладко, поки я не оновив деякі пакунки в додатку A, які містять …

16 reactjs  npm  webpack  next.js 

Я написав спеціальну кнопку ( MyStyledButton) на основі матеріалу-ui 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 

При спробі отримати доступ до компонента Login мого додатка MERN у виробничій версії, я отримую ряд таких помилок типу, показаних на цьому зображенні: Мій додаток ( https://github.com/ahaq0/kumon_schedule ) прекрасно працює на локальному рівні та працював ідеально на Хероку сьогодні. Я спробував повернути всі зміни в коді, які я сьогодні вніс, …

15 reactjs  typescript  heroku  material-ui  mern