React - это библиотека JavaScript для создания пользовательских интерфейсов. Он использует декларативную компонентную парадигму и стремится быть одновременно эффективным и гибким.
Я использую 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....
2 Фев 2022 в 18:58
Я извлекаю данные из 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....
2 Фев 2022 в 17:12
У меня есть график с более низким качеством графики, отображаемый родительским компонентом <HeatMap />. HeatMap имеет дочерний компонент <MyButton {...data}>. MyButton — это, по сути, кнопка, которая загружает изображение графика. Мое требование: после нажатия кнопки родитель (HeatMap) должен быт....
2 Фев 2022 в 17:06
У меня есть эти варианты, где пользователь может выбрать чашку, кружку и футляр. Проблема здесь в том, что если я выберу «Кубок», значение покажет «Кружка». И если я выберу «Кружка», он отобразит «Чехол». Что не так с кодами здесь?
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, сделайте его ложным и наоборот.
Использование тернарного оператора и обратного вызо....
2 Фев 2022 в 14:14
У меня проблемы с маршрутизацией в 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=....
2 Фев 2022 в 12:03
Итак, у меня есть приложение, которое получает API от API фильмов, и у меня есть компонент героя, он получает массив фильмов в качестве реквизита, и когда из компонента героя я хочу передать случайный фильм в компонент плаката (который отображает один случайный новый фильм как постер).
Компонент ге....
2 Фев 2022 в 11:57
Я пытаюсь реализовать простое поле ввода, в котором, когда я нажимаю на поле, значение заполнителя перемещается вверх, но есть проблема, которая всегда отображается сверху.
Вот код https://codesandbox .io/s/magical-glitter-7ykhm?file=/src/styles.css....
Я сталкиваюсь с этой ошибкой, когда обновляю последнее время окончания последнего интервала, хотя оно обновляет мое состояние, но не показывает его в таблице.
const onEdit = (oldValue, newValue, row, column) => {
const oldRows = props.row;
console.log("BHai", props.row.length - 1);
if ....
2 Фев 2022 в 09:46