reactjs ×14
Создан 05.01.2025
8
голоса
5
ответов
6
просмотров
Показать или скрыть элемент в React

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

9
голоса
5
ответов
11
просмотров
React JS: невозможно передать значение в метод через onClick

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

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

SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent,...
9
голоса
5
ответов
22
просмотров
Как установить фокус на поле ввода после рендеринга?

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

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

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

8
голоса
5
ответов
12
просмотров
Ошибка в 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...
14
голоса
5
ответов
12
просмотров
Как передать пропсы в {this.props.children}

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


  
  

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

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

9
голоса
5
ответов
5
просмотров
В чем разница между React Native и React?

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

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

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

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

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

class Parent extends Component {
  render() {
    return (
      
        Click
      
   ...
20
голоса
5
ответов
13
просмотров
Цикл внутри JSX в React

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


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

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

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

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

<Modal title='Modal heading' animation=>

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

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

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

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

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

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

8
голоса
5
ответов
10
просмотров
Метод set в useState не отражает изменения немедленно

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

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

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

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

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

23
голоса
4
ответов
15
просмотров
Как программно выполнять навигацию с помощью React Router?

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

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

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