React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.

Подробнее про reactjs...

Как визуализировать и элемент один раз в функции карты? У меня есть и массив объектов, и я хочу отобразить значение цвета только один раз в другой компонент, я попытался вставить цвет в массив и проверить его, но поскольку он находится внутри цикла, он добавляется мгновенно, и эта проверка потерпи....
4 Фев 2022 в 17:26
По умолчанию при нажатии a открывается окно, в котором можно выбрать собственный цвет. Вместо этого я хочу сделать это двойным щелчком. Я могу остановить работу одиночного клика с e.preventDefault, но я не могу понять, как вместо этого заставить doubleClick выполнять такое поведение. Что я хочу: han....
4 Фев 2022 в 16:32
У меня есть компонент ниже, который получает данные expenses в качестве реквизита, Первоначальный считыватель покажет таблицу со значениями expenses, но когда строка будет удалена, новые данные будут сохранены в newExpenses, которые необходимо использовать в DataGrid. const DataTable = ({ expenses ....
4 Фев 2022 в 16:29
Мне нужно показать диалог только на маленьких экранах. После исследования я обнаружил, что есть хук под названием useMediaQuery(), который возвращает логическое значение, если браузер соответствует определенному разрешению. Я использую "@mui/material": "^5.1.1" Это моя реализация: import { useTheme....
4 Фев 2022 в 14:15
Я пытаюсь передать набор значений определенной опоре в моем коде. MyComponent.propTypes = { //... proptypes sortOrder: PropTypes.oneOf(["asc", "desc", ["asc, desc"]]), } Когда я передаю опцию ["asc", "desc"] <MyComponent sortOrder={["asc", "desc"]} /> Я получаю ошибку Invalid prop `sortO....
4 Фев 2022 в 14:09
В настоящее время я кодирую приложение React.js. Я хочу изменить значок, поэтому я удалил стандартный и вставил новый в общую папку. Когда я запускаю приложение, значок не меняется, и он по-прежнему установлен по умолчанию. Спасибо за любую помощь. <link rel="icon" href="./favicon.ico" /> ....
4 Фев 2022 в 13:36
У меня есть компонент, который получает дочерний элемент и передает его в MUI Menu export default function MyMenu({children}){ return( <Menu> {children ? children : <MenuItem disabled></MenuItem>} </Menu> ); } Дочерние элементы имеют тип children: ReactNode; И ....
4 Фев 2022 в 13:31
В основном я хочу сбросить свое количество до 1, если оно равно 0 или меньше. Я понимаю, что мне тоже нужна дополнительная проверка, но это первое требование. Это просто продолжает сбрасываться, как только я начинаю печатать, что очевидно Product.component.js import { useState, useEffect } from "r....
У меня есть динамический массив для примеров: var myarray = ['country','state','city','town'] или var myarray = ['country','state'] или var myarray = ['country','state','city'] Как преобразовать его в var myobject = country['state']['city']['town'] или var myobject = country['state'] или var myobjec....
4 Фев 2022 в 11:44
Так, например, для HTML у нас есть файл index.html в общей папке, который мы можем ясно видеть. Теперь мой вопрос: как насчет CSS. У меня есть CSS для каждого из моих компонентов реагирующего приложения, но я хочу использовать такие вещи, как переменные и константы, которые работают в приложении. ....
4 Фев 2022 в 11:23
Проблема: У меня есть API, и каждый объект в API не имеет значения. Я хотел бы добавить уникальное значение для каждого объекта в массиве, чтобы я мог создать функцию и использовать «e.target.value» с прослушивателями событий. Я делаю это в nextjs. Почему: потому что я хочу сохранить каждое значен....
export const executeCode = (data) => { return fetch("https://ide.geeksforgeeks.org/main.php",{ method: "POST", headers: { Accept : "application/json", "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8" ....
4 Фев 2022 в 09:24
Я пытаюсь разместить свои компоненты, однако у меня возникают проблемы. Я хотел бы, чтобы моя сетка занимала 90% экрана, а значок шестеренки занимал 10% <View style={{ paddingLeft: insets.left, paddingRight: insets.right, flex: 1, flexDirection: 'row', }....
4 Фев 2022 в 07:10
Когда нажимается pushFrontBtn, эмодзи добавляется в начало массива localStorage, а когда нажимается pushBackbtn, эмодзи добавляется в конец массива localStorage. Этот аспект приложения работает как надо. В центре моего вопроса находится функция removeFront(), которая удаляет элемент индекса из масс....
4 Фев 2022 в 05:42
После успешного удаления учащегося появится всплывающее уведомление, и оно отлично работает. но когда я нажимаю кнопку закрытия во всплывающем уведомлении, появляется другое всплывающее окно, и я хочу отключить его, как я могу это предотвратить? const [openAlertDismissStudent, setOpenAlertDismiss....
4 Фев 2022 в 05:31
Я знаю, как передать состояние от ребенка к родителю. И я знаю, как передать реквизит от родителя к ребенку. Однако очевидный способ сделать и то, и другое одновременно, похоже, не работает, как я ожидал. См. пример ниже. import React, { useState } from "react"; const Child = (props, { other }) =....
4 Фев 2022 в 04:51
Я использую этот фрагмент ниже для перевода контента моего веб-сайта. Однако есть ли способ избежать копирования и вставки этого кода между страницами? import SampleSection from "../section/sample" import { useRouter } from 'next/router' import en from '../locales/en' import pt from '../locales/pt'....
Я вызываю функцию внутри useEffect. Это означает, что функция не вызывается повторно, но по какой-то причине кажется, что данные удаляются через короткий промежуток времени. const [following, setFollowing] = useState([]) useEffect(() => { getUser() getFollowing() ....
4 Фев 2022 в 03:27
Я пытаюсь обновить состояние моего компонента и отобразить его после отправки формы. Вот что я пробовал до сих пор, Если я не добавлю onChange к вводу, я не смогу ввести значение handleChange — я могу получить значение, используя event.target.value, но я надеялся, что смогу настроить таргетинг на вс....
4 Фев 2022 в 02:50
У меня есть функция load(): async function load() { let url = `www.com/file.json` let data = await (await fetch(url)).json() return data } Мне нужно отобразить мою страницу после загрузки файла json с сервера: export const Page = async () => { const data_ = await load() return (....
4 Фев 2022 в 02:20
У меня есть таблица, в которой отображаются поля продуктов из API. Мне нужно, чтобы строки отображались в ASC; приказ. Я видел пару методов, как это сделать с помощью React-Tables, но я пока настроил его без каких-либо хуков, поэтому я бы предпочел встроенный метод. export const Table = ({data}....
4 Фев 2022 в 02:16
Я пытаюсь заполнить текстовый редактор (tiptap.dev) ответом от вызова API. После вызова хука setEditorContent с полезными данными содержимое редактора должно обновиться. Я заметил, что когда я изменяю локальный файл и сохраняю его, данные API отображаются в DOM (но не при начальной загрузке страни....
4 Фев 2022 в 01:30
У меня есть этот код в моем приложении. const queryString = require('query-string'); const parsed = queryString.parse(location.search); return this.docListingService.getPacks(parsed.policy).then(packs => { this.setState({ isLoading: false, packs }); return packs; }).catch((error) => { th....
4 Фев 2022 в 00:57
Вот симуляция в codeandbox https://codesandbox.io/embed/epic-nash-mxteu?fontsize=14&hidenavigation=1&theme=dark У меня странное поведение, когда я удаляю строку из созданных динамических строк. Я удалил строку с 2 b. Как вы можете видеть, в журнале консоли есть правильные данные, в то время как пол....
4 Фев 2022 в 00:57
Я создаю приложение reactJS, и у меня возникают проблемы с сохранением нижнего колонтитула внизу страницы. Нижний колонтитул изначально остается внизу страницы, но SPDashboard динамически заполняет страницу и становится больше, а нижний колонтитул остается внизу, но перекрывается со страницей. Как....
4 Фев 2022 в 00:55