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

Использую 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...

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

this.state = {
   someProperty: {
      flag: true
   }
}

Однако обновление состояния таким образом:

this.setState({ someProperty.flag: false });

не работает. Как это можно...

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

import * as React from 'react';

export interface AuxProps { 
    children: React.ReactNode
}

const aux = (props: AuxProps) => props.children;

export default aux;

А вот и другой...

Я получаю следующую ошибку:

Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Вот мой код:

var React = require('react');
var ReactDOM =...

Проблема с атрибутом selected в компоненте React для меню

В компоненте React для меню , мне необходимо установить атрибут `selected` на элементе , который соответствует состоянию приложения.

В методе render() состояние optionState передается от владельца состояния в компонент...

Я знаю, что существует множество вопросов на эту тему, но мне нужно сделать это с использованием JavaScript. Я использую Dojo 1.8 и у меня есть вся информация об атрибутах в массиве, который выглядит следующим образом:

[["name1", "city_name1", ...], ["name2", "city_name2", ...]]

Кто-нибудь...

Я впервые работаю с React.js и не могу найти способ показать или скрыть элемент на странице с помощью события клика. Я не подключаю никаких других библиотек, поэтому ищу способ использовать React на чистом уровне. Вот что у меня есть на данный момент. Я хотел бы отобразить div с результатами, когда...

Проблема с передачей значения в обработчик onClick в React.js

Я хочу получить свойства значения события onClick. Но когда я нажимаю на элемент, в консоли появляется что-то вроде этого:

SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent,...

Проблема с установкой фокуса на текстовое поле в React

Я пытаюсь установить фокус на определенное текстовое поле после рендеринга компонента в React. Документация предлагает использовать refs, например:

Установите ref="nameInput" на моем текстовом поле в функции рендера, а затем...

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

При использовании моего компонента я столкнулся с предупреждением:

Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled...

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

Между родительскими и дочерними компонентами, конечно же, происходит логика рендеринга; можно представить их, например, как и.

Вот упрощенная реализация для...

Я начал изучать React из любопытства и хотел бы понять разницу между React и React Native. Однако не смог найти удовлетворительного ответа с помощью Google. React и React Native, кажется, имеют схожий формат. Есть ли у них совершенно разные синтаксисы?

У меня есть два компонента:

1. Родительский компонент
2. Дочерний компонент

Я пытался вызвать метод дочернего компонента из родительского, но не смог добиться результата. Вот что я пробовал:

class Parent extends Component {
  render() {
    return (
      
        Click
      
   ...

Я пытаюсь реализовать что-то вроде следующего в React JSX (где ObjectRow — это отдельный компонент):

    for (var i=0; i < numrows; i++) {
        
    } 

Я понимаю, почему это некорректный JSX, так как JSX преобразуется в вызовы функций. Однако, привыкнув к шаблонам и будучи новым...

Как осуществить дебаунс в React?

Я хочу применить дебаунс к функции handleOnChange.

Я попытался использовать debounce(this.handleOnChange, 200), но это не работает.

Вот мой код:

function debounce(fn, delay) {
  var timer = null;
  return function() {
    var context...

Что означает ... в данном коде на React (с использованием JSX) и какое у него название?

<Modal title='Modal heading' animation=>