У меня есть функция, которую я хочу написать в React. В моем классе есть объект состояния fields, который выглядит следующим образом:

this.state = {
  step: 1,
  fields: {
    type: '',
    name: '',
    subtype: '',
    team: '',
    agreement: ''
  }
};

У меня есть несколько...

Проблема с обработкой изменений в массиве объектов в React

Я рендерю коллекцию элементов ввода для объектов в массиве. Вот как выглядит мой код:

render: function() {
    var ranges = [];
    this.props.ranges.map(function(range, index) {
        var rangeElement = <Input...

Я столкнулся с проблемой при работе с инпутом, значение которого заполняется из состояния Redux. У меня есть следующий код для инпута:

Значение flashVarsValue — это часть моего состояния, и я использую функцию onChange, чтобы обновлять его. Вот как выглядит моя функция...

Вопрос на StackOverflow: Ошибка "Unable to find draggable with id: X" при многократном перетаскивании в React

В приведенном ниже коде интерфейс отображает два компонента "Column", и каждая колонка содержит два перетаскиваемых элемента, называемых "Tasks". Когда пользователь перетаскивает...

Проблема с использованием useSelector и mapStateToProps в React

Когда я создаю приложение на React и использую хук useSelector, мне нужно соблюдать правила вызова хуков (вызывать его только на верхнем уровне функционального компонента). Если же я использую mapStateToProps, я получаю...

Описание проблемы:

Я создал экран, на котором отображается компонент, содержащий FlatList. По какой-то причине я не могу прокручивать список. Можете ли вы помочь мне обнаружить ошибку и указать направление для решения?

**render-функция и стили из моего экранного...

Проблема с событием hover в React: onMouseLeave не всегда срабатывает

Я пытаюсь реализовать событие hover, но onMouseLeave не всегда вызывается, когда курсор покидает элемент, особенно при быстром перемещении курсора. Я пробовал в Chrome, Firefox и Internet Explorer, но проблема...

Я пытаюсь выделить текст, соответствующий запросу, но не могу понять, как сделать так, чтобы теги отображались как HTML, а не как текст.

Вот мой код на React:

var Component = React.createClass({
    _highlightQuery: function(name, query) {
        var regex = new RegExp("(" + query...

Проблема, с которой я столкнулся, связана с тегом ``. Когда речь идет об одиночном изображении, следующий код загружает изображение:

import image1 from './images/image1.jpg';

Однако следующий код не загружает изображение:

или

Мне нужно обработать массив...

Я учусь работать с React, используя онлайн-уроки.

У меня есть базовый пример использования React Router:

И вот мой компонент App:

class App extends React.Component {
   render() {
      return (
         
            
              Home
            ...

Я пытаюсь получить некоторые данные перед рендерингом моего компонента. Эти данные будут предоставлены API и будут загружены с помощью AJAX-запроса.

Я просто пытаюсь подождать 10 секунд перед рендерингом компонента, но получаю следующую ошибку:

Uncaught Invariant Violation: Login.render(): A...

Проблема с получением текста выбранного элемента в select-компоненте

Я создаю свой компонент для выпадающего списка, который рендерит элементы select следующим образом:

    
        {this.getOptions()}
    

У меня есть метод в компоненте, который создает элементы...

Проблема с деплоем приложения на Next.js в Vercel

У меня есть приложение на Next.js, которое работает на моем компьютере и ранее развертывалось на Vercel без проблем. Однако у меня возникла ошибка при сборке на Vercel, которая выглядит следующим образом:

Я пробовал удалить папку...

Проблема с использованием <Link> вне <Router> в Storybook

Я хотел бы поделиться решением проблемы, с которой столкнулся, несмотря на мои навыки поиска в Google.

Мое приложение, использующее react-router, работало без каких-либо проблем, но при запуске Storybook возникла...

Я пытаюсь создать свой первый портфолио-сайт, но застрял с маршрутизацией, используя react-router-dom версии 4.2.2 и styled-components версии 2.2.3.

Я получаю сообщение об ошибке: "You should not use Route or withRouter() outside a Router".

Я также пробовал использовать Link вместо NavLink,...

Не уверен, куда обратиться по поводу этой ошибки.

Использую Typescript с React, а для юнит-тестирования — Jest и Enzyme.

Пример файла package.json:

"scripts": {
    "start": "node server.js",
    "bundle": "cross-env NODE_ENV=production webpack -p",
    "test": "jest"
  },
  "jest": {
  ...

У меня есть простой компонент React с формой, который, как мне кажется, содержит одно контролируемое поле ввод. Вот код:

import React from 'react';

export default class MyForm extends React.Component {
    constructor(props) {
        super(props);
        this.state = {}
    }

   ...

Я немного поискал решение для своей проблемы. Все решения, которые я нашел, предлагают добавить "jsx": "react" в файл tsconfig.json, что я уже сделал. Также одно из предложений заключалось в том, чтобы добавить "include": [], и это я тоже выполнил. Тем не менее, я все еще получаю ошибку при...

У меня есть довольно простая проблема с попыткой добавить встроенный скрипт в компонент React. Вот что у меня есть на данный момент:

'use strict';

import '../../styles/pages/people.scss';
import React, { Component } from 'react';
import DocumentTitle from...

Встречаю ошибку при установке пакета:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR!   react@"17.0.1" from the root project
npm ERR! 
npm...