reactjs ×26
Создан 05.01.2025
23
голоса
4
ответов
47
просмотров
Как программно выполнять навигацию с помощью React Router?

У меня есть проблема с использованием библиотеки react-router. Я могу создать ссылки, используя элемент Link, и они обрабатываются нативно.

Я заметил, что внутри него вызывается this.context.transitionTo(...).

Теперь мне нужно выполнить навигацию, но не из ссылки, а, например, из выбора в...

20
голоса
5
ответов
36
просмотров
Цикл внутри JSX в React

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


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

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

14
голоса
5
ответов
39
просмотров
Как передать пропсы в {this.props.children}

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


  
  

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

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

14
голоса
5
ответов
37
просмотров
Что означают эти три точки в React?

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

<Modal title='Modal heading' animation=>

12
голоса
5
ответов
39
просмотров
React-router URLs не работают при обновлении страницы или ручном вводе адреса

У меня проблема с использованием React-router. Все работает нормально, когда я нажимаю на кнопки-ссылки, но при обновлении страницы нужное мне содержимое не загружается.

Например, когда я нахожусь по адресу localhost/joblist, все отлично, так как я попал на эту страницу, кликнув на ссылку. Но...

10
голоса
5
ответов
35
просмотров
Как условно добавлять атрибуты к компонентам React?

Существует ли способ добавлять атрибуты к компоненту React только при выполнении определенного условия?

Мне нужно добавить атрибуты required и readOnly к элементам формы на основе AJAX-запроса после рендеринга, но я не понимаю, как решить эту задачу, поскольку readOnly="false" не эквивалентен...

10
голоса
5
ответов
31
просмотров
Понимание уникальных ключей для дочерних массивов в React.js

Я разрабатываю компонент на React, который принимает в качестве входных данных JSON и создает сортируемую таблицу. Каждая динамическая строка данных имеет уникальный ключ, но я все равно получаю ошибку:

Каждый дочерний элемент в массиве должен иметь уникальный пропс "key".
Проверьте метод...

9
голоса
5
ответов
43
просмотров
Как установить фокус на поле ввода после рендеринга?

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

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

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

9
голоса
5
ответов
29
просмотров
Вызов метода дочернего класса из родительского

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

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

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

class Parent extends Component {
  render() {
    return (
      
        Click
      
   ...
9
голоса
5
ответов
32
просмотров
React JS: невозможно передать значение в метод через onClick

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

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

SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent,...
9
голоса
5
ответов
38
просмотров
В чем разница между React Native и React?

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

8
голоса
5
ответов
44
просмотров
Ошибка в ReactJS: Компонент изменяет неконтролируемый текстовый ввод на контролируемый

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

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

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...
8
голоса
5
ответов
30
просмотров
Метод set в useState не отражает изменения немедленно

Я пытаюсь изучить хуки в React, и метод useState вызывает у меня затруднения. Я задаю начальное значение для состояния в виде массива. Метод установки состояния в useState не работает, как с использованием оператора расширения, так и без него.

У меня есть API на другом компьютере, к которому я...

8
голоса
5
ответов
32
просмотров
Показать или скрыть элемент в React

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

8
голоса
2
ответов
36
просмотров
Когда использовать JSX.Element, ReactNode и ReactElement?

Я сейчас мигрирую React-приложение на TypeScript. Пока что все идет довольно хорошо, но у меня возникла проблема с типами возвращаемых значений моих функций render, в частности в моих функциональных компонентах.

Я всегда использовал JSX.Element в качестве типа возвращаемого значения, но теперь...

8
голоса
5
ответов
30
просмотров
Как экспортировать информацию из массива JavaScript в CSV (на стороне клиента)?

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

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

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

8
голоса
5
ответов
48
просмотров
Обнаружена ошибка: Невозможное нарушение: Неверный тип элемента: ожидался строковый тип (для встроенных компонентов) или класс/функция, но получен объект

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

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 =...
7
голоса
5
ответов
34
просмотров
Какой тип имеет проп 'children'?

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

import * as React from 'react';

export interface AuxProps { 
    children: React.ReactNode
}

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

export default aux;

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

6
голоса
5
ответов
30
просмотров
React JSX: Как выбрать "selected" для выбранного элемента <select>

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

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

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

6
голоса
5
ответов
33
просмотров
Как обновить вложенные свойства состояния в React

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

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

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

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

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