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

Я немного новичок в React и пытаюсь установить className как string + prop. Но я не уверен, как это сделать и насколько это лучше. Итак, что я пытаюсь сделать, и это, очевидно, не работает, это следующее: <a data-featherlight='string' + {this.props.data.imageUrl}> Как бы мне это написать?

81 reactjs 

Я прихожу, чтобы отреагировать на использование angular, и я пытаюсь найти хорошую альтернативу реакции на директиву angular ng-if, в которой я визуализирую или не визуализирую элемент на основе условия. Возьмем, к примеру, этот код. Я использую машинописный текст (tsx), кстати, но это не имеет большого значения. "use strict"; import * …

81 reactjs 

В отличие от webstorm, я не могу комментировать JSX-код в .jsфайлах в Visual Studio Code.

81 reactjs  react-native  visual-studio-code  jsx 

Способ React установить, какая опция выбрана для поля выбора, состоит в том, чтобы установить valueна самом <select>себе специальную опору , соответствующую valueатрибуту <option>элемента, который вы хотите выбрать. Для multipleвыбора эта опора может принимать вместо этого массив. Теперь, поскольку это специальный атрибут, мне интересно, какой канонический способ - получить выбранные параметры …

81 javascript  dom  reactjs 

Как исправить Could not find plugin "proposal-numeric-separator", я получаю эту ошибку, когда пытаюсь собрать приложение React, приложение еще не было извлечено: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in ./available-plugins.js for it. (While processing: "/home/pc/Downloads/project/node_modules/babel-preset-react-app/index.js$0") at Array.map (<anonymous>) at Generator.next (<anonymous>) at Generator.next …

61 reactjs  build  yarnpkg 

После обновления до версии 0,61, я получил много предупреждений: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Что еще VirtualizedList-backed containerя должен использовать, и почему теперь не рекомендуется так использовать?

39 javascript  reactjs  react-native 

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

33 javascript  reactjs  ecmascript-6  react-hooks 

Вот проблема: я пытаюсь вызвать 2 функции одним нажатием кнопки. Обе функции обновляют состояние (я использую хук useState). Первая функция корректно обновляет значение 1 до «нового 1», но через 1 с (setTimeout) запускается вторая функция, и она меняет значение 2 до «нового 2», НО! Он устанавливает значение 1 обратно в …

31 javascript  reactjs  react-hooks 

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

27 javascript  jquery  reactjs  bootstrap-4 

Я пытаюсь понять, как использовать прослушиватель Firebase, чтобы данные облачного хранилища обновлялись с помощью обновлений активных перехватчиков. Первоначально я сделал это, используя компонент класса с функцией componentDidMount, чтобы получить данные о пожарном депо. 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 Я создал стек стека с помощью только средства выбора даты ( https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js ), и даже там появляется ошибка. Что …

19 javascript  reactjs  material-ui  material-ui-pickers 

Я новичок в использовании React, так что это может быть очень просто сделать, но я не могу понять это самостоятельно, хотя я провел некоторое исследование. Прости меня, если это слишком глупо. контекст Я использую Inertia.js с адаптерами Laravel (backend) и React (front-end). Если вы не знаете инерцию, это в основном: …

19 javascript  reactjs  promise  inertia 

Я использую новый крючок useHistory от React Router, который вышел несколько недель назад. Моя версия React-роутера 5.1.2. Мой Реакт находится на версии 16.10.1. Вы можете найти мой код внизу. Тем не менее, когда я импортирую новую историю использования из реагирующего маршрутизатора, я получаю эту ошибку: Uncaught TypeError: Cannot read property …

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