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

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

Я использую Material UI 5 в новом проекте, и мне нужно стилизовать элемент ul. Я пытаюсь стилизовать элемент ul с помощью реквизита sx, но это не работает, мой код выглядит следующим образом: <ul sx={{ padding: "0 0", listStyle: "none", display: "grid", gap: "30px", gridTe....
2 Фев 2022 в 19:35
Контекст Я новичок в React, поэтому я создаю базовую форму, в которой я хотел бы отображать список стран на основе ввода пользователя. Мое приложение состоит из двух компонентов: «Фильтр» (это поле ввода, в которое пользователь будет вводить свои данные) и «Отображение» (это будет отображать стран....
2 Фев 2022 в 19:27
Я знаю, что это называется логическим, но я имею в виду именно этот способ его использования, я просматривал некоторые пакеты jsx и нашел этот пример. const Button = props => ( <button className={'large' in props && 'large'}> {props.children} <style jsx>{`button{ .large {padding: 5....
Я извлекаю данные из API, а затем использую их на карте для отображения содержимого (описание, изображения, имя и т. д.). Дело в том, что некоторые изображения больше не могут быть извлечены (404 Not found), потому что ссылка больше недоступна, что приводит к пустому пространству в данных, которые ....
2 Фев 2022 в 18:43
Я работаю над стилем боковой панели моего приложения React. У меня есть список элементов, и каждый из них будет перенаправлен на другую страницу. Итак, теперь я хочу проверить, на каком маршруте я нахожусь, активировав ссылку, но у меня возникла проблема, и я могу найти решение. Можете ли вы помочь ....
2 Фев 2022 в 18:30
Это моя функция, которую я импортирую из другого файла. import { useMemo } from 'react' import { useIntl } from 'react-intl' export function useRenderStatus(param) { const { messages } = useIntl() const data = useMemo(() => { if (param === 'ACTIVE') return messages.page.active if (param....
2 Фев 2022 в 18:05
Я работаю над формой в React, и каждый раз, когда я что-то набираю внутри ввода, страница прокручивается вверх. У кого-нибудь есть решение этой проблемы? Это мой код: const [fullName, setFullName] = useState() const handleFullName = e => setFullName(e.target.value) return ( <Input id=....
2 Фев 2022 в 18:00
Я пытаюсь создать раскрывающийся индикатор с множественным выбором (второй элемент, показанный здесь) с помощью реакции-выбора . Цель состоит в том, чтобы показать все категории сообщений блога на странице блога, а затем отобразить только сообщения блога, выбранные в раскрывающемся индикаторе. Теги....
2 Фев 2022 в 17:53
У меня есть сторонняя библиотека на моем сайте, которая требует отправки элемента в параметре, например: window.third-party("test",document.getElementById("test"),...) Это отлично работает на некоторых моих веб-сайтах, однако у меня есть один, построенный на REACT, где он не работает, потому что, к....
2 Фев 2022 в 17:52
Я хочу сохранить токен в файле cookie и запустить навигацию ("/"). В «/» это реализовано так, что реализовано значение токена. Поэтому я хочу использовать setCookie для запуска навигации после получения значения токена. Я думаю, что мы должны использовать асинхронное ожидание, поэтому мы много про....
2 Фев 2022 в 17:48
Я использую Реакт. Я отправляю и извлекаю строковые данные из облачной базы данных Google Firebase. Я хочу поместить HTML-код в строковое значение и хочу, чтобы браузер реализовал его. Например; Я отправил строковые данные следующим образом: lorem ipsum dolor <br> sit amet <ul><li>item1</li><li>....
2 Фев 2022 в 17:29
Я хочу, чтобы мой компонент аватара показывал аватар с URL-адресом, переданным компоненту. Поэтому, если я передаю аватар1, он показывает аватар1. Я пробовал несколько методов, но ничего не работает. Мой компонент аватара выглядит сейчас так. Я хочу избавиться от статического URL export default f....
У меня есть график с более низким качеством графики, отображаемый родительским компонентом <HeatMap />. HeatMap имеет дочерний компонент <MyButton {...data}>. MyButton — это, по сути, кнопка, которая загружает изображение графика. Мое требование: после нажатия кнопки родитель (HeatMap) должен быт....
У меня есть эти варианты, где пользователь может выбрать чашку, кружку и футляр. Проблема здесь в том, что если я выберу «Кубок», значение покажет «Кружка». И если я выберу «Кружка», он отобразит «Чехол». Что не так с кодами здесь? import React, { useState } from "react"; import Box from "@mui/ma....
2 Фев 2022 в 16:09
Это может быть простой вопрос, но я не совсем понимаю useState Я запутался, когда использовать обратный вызов с useState, например, у меня есть крючок const[count,setCount] = useState(0) Мы можем легко обновить, например, если я хочу обновить номер, я могу сделать: setCount(count+1) Но если у нас ....
2 Фев 2022 в 15:10
Если я назову всю цену со скидкой, используя метод карты. он отлично работает, но я вижу в консоли, и такая ошибка обнаружена. как это исправить <div className="priceCal flex flex-col items-center"> <p style={{ fontSize: '1.5em' }} className='font-medium pt-3'>Total items: </p> {....
2 Фев 2022 в 15:10
У меня есть список объектов с несколькими полями. Я хочу сделать вызов API, как только пользователь войдет в расположение завода. Я думал использовать useEffect, но это не сработает, так как для вызова API мне нужно два значения — id и index, и (насколько я знаю) нельзя передавать параметры в useEf....
2 Фев 2022 в 14:37
У меня есть состояние const [textColor, setTextColor] = useState({ darkText: false, lightText: false, allTextSelected: false, }) Теперь я хочу обновить это состояние условно, если darkText имеет значение true, сделайте его ложным и наоборот. Использование тернарного оператора и обратного вызо....
У меня проблемы с маршрутизацией в react-router-dom v6. Мой код выглядит следующим образом: import './App.css'; import Header from './Header'; import Home from './Home'; import { BrowserRouter as Router, Routes, Link } from "react-router-dom"; function App() { return ( //BEM <Router> ....
2 Фев 2022 в 13:36
Мой магазин состоит из массива объектов как таковых: const INIT_STATE = { users:[], contacts : [] }; И я пытаюсь изменить мутацию массива хранилища следующим образом: const App = (state = INIT_STATE, action) => { switch (action.type) { case BLOCK_CONTACT: state.contacts.map((contact....
2 Фев 2022 в 12:51
Приходя из Vue и погружаясь в React, я, кажется, борюсь с концепцией жизненного цикла хуков / компонентов и потока данных. Где во Vue я мог бы решить свои проблемы, используя v-model, в React я изо всех сил пытаюсь это сделать. В основном: Я собираюсь сделать следующее: иметь родительский компонен....
2 Фев 2022 в 12:30
Я использую MUI и сделал все, чтобы изменить цвет текста в текстовом поле MUI и/или цвет его фона. Я следил за документацией и пробовал: const CssTextField = styled(TextField)({ А также Вещи внутри Компонента, такие как InputProps={{ style: { color: "red" } }} Или InputProps=....
Итак, у меня есть приложение, которое получает API от API фильмов, и у меня есть компонент героя, он получает массив фильмов в качестве реквизита, и когда из компонента героя я хочу передать случайный фильм в компонент плаката (который отображает один случайный новый фильм как постер). Компонент ге....
2 Фев 2022 в 11:57
Я пытаюсь реализовать простое поле ввода, в котором, когда я нажимаю на поле, значение заполнителя перемещается вверх, но есть проблема, которая всегда отображается сверху. Вот код https://codesandbox .io/s/magical-glitter-7ykhm?file=/src/styles.css....
2 Фев 2022 в 11:20
Я сталкиваюсь с этой ошибкой, когда обновляю последнее время окончания последнего интервала, хотя оно обновляет мое состояние, но не показывает его в таблице. const onEdit = (oldValue, newValue, row, column) => { const oldRows = props.row; console.log("BHai", props.row.length - 1); if ....
2 Фев 2022 в 09:46