React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.
Как визуализировать и элемент один раз в функции карты? У меня есть и массив объектов, и я хочу отобразить значение цвета только один раз в другой компонент, я попытался вставить цвет в массив и проверить его, но поскольку он находится внутри цикла, он добавляется мгновенно, и эта проверка потерпи....
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....
4 Фев 2022 в 11:55
У меня есть динамический массив для примеров:
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 для каждого из моих компонентов реагирующего приложения, но я хочу использовать такие вещи, как переменные и константы, которые работают в приложении. ....
Проблема:
У меня есть API, и каждый объект в API не имеет значения. Я хотел бы добавить уникальное значение для каждого объекта в массиве, чтобы я мог создать функцию и использовать «e.target.value» с прослушивателями событий. Я делаю это в nextjs.
Почему: потому что я хочу сохранить каждое значен....
4 Фев 2022 в 10:38
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"
....
Я пытаюсь разместить свои компоненты, однако у меня возникают проблемы. Я хотел бы, чтобы моя сетка занимала 90% экрана, а значок шестеренки занимал 10%
<View
style={{
paddingLeft: insets.left,
paddingRight: insets.right,
flex: 1,
flexDirection: 'row',
}....
4 Фев 2022 в 07:10
Когда нажимается pushFrontBtn, эмодзи добавляется в начало массива localStorage, а когда нажимается pushBackbtn, эмодзи добавляется в конец массива localStorage. Этот аспект приложения работает как надо.
В центре моего вопроса находится функция removeFront(), которая удаляет элемент индекса из масс....
После успешного удаления учащегося появится всплывающее уведомление, и оно отлично работает. но когда я нажимаю кнопку закрытия во всплывающем уведомлении, появляется другое всплывающее окно, и я хочу отключить его, как я могу это предотвратить?
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'....
4 Фев 2022 в 03:28
Я вызываю функцию внутри 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 (но не при начальной загрузке страни....
У меня есть этот код в моем приложении.
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 динамически заполняет страницу и становится больше, а нижний колонтитул остается внизу, но перекрывается со страницей. Как....