Вопросы
Как программно выполнять навигацию с помощью React Router?
У меня есть проблема с использованием библиотеки react-router. Я могу создать ссылки, используя элемент Link, и они обрабатываются нативно.
Я заметил, что внутри него вызывается this.context.transitionTo(...).
Теперь мне нужно выполнить навигацию, но не из ссылки, а, например, из выбора в...
Цикл внутри JSX в React
Я пытаюсь реализовать что-то вроде следующего в React JSX (где ObjectRow
— это отдельный компонент):
for (var i=0; i < numrows; i++) {
}
Я понимаю, почему это некорректный JSX, так как JSX преобразуется в вызовы функций. Однако, привыкнув к шаблонам и будучи новым...
Как передать пропсы в {this.props.children}
Я пытаюсь найти правильный способ определения компонентов, которые можно было бы использовать универсально:
Между родительскими и дочерними компонентами, конечно же, происходит логика рендеринга; можно представить их, например, как и
.
Вот упрощенная реализация для...
Что означают эти три точки в React?
Что означает ... в данном коде на React (с использованием JSX) и какое у него название?
<Modal title='Modal heading' animation=>
React-router URLs не работают при обновлении страницы или ручном вводе адреса
У меня проблема с использованием React-router. Все работает нормально, когда я нажимаю на кнопки-ссылки, но при обновлении страницы нужное мне содержимое не загружается.
Например, когда я нахожусь по адресу localhost/joblist
, все отлично, так как я попал на эту страницу, кликнув на ссылку. Но...
Как условно добавлять атрибуты к компонентам React?
Существует ли способ добавлять атрибуты к компоненту React только при выполнении определенного условия?
Мне нужно добавить атрибуты required и readOnly к элементам формы на основе AJAX-запроса после рендеринга, но я не понимаю, как решить эту задачу, поскольку readOnly="false" не эквивалентен...
Понимание уникальных ключей для дочерних массивов в React.js
Я разрабатываю компонент на React, который принимает в качестве входных данных JSON и создает сортируемую таблицу. Каждая динамическая строка данных имеет уникальный ключ, но я все равно получаю ошибку:
Каждый дочерний элемент в массиве должен иметь уникальный пропс "key".
Проверьте метод...
Как установить фокус на поле ввода после рендеринга?
Проблема с установкой фокуса на текстовое поле в React
Я пытаюсь установить фокус на определенное текстовое поле после рендеринга компонента в React. Документация предлагает использовать refs, например:
Установите ref="nameInput"
на моем текстовом поле в функции рендера, а затем...
Вызов метода дочернего класса из родительского
У меня есть два компонента:
- Родительский компонент
- Дочерний компонент
Я пытался вызвать метод дочернего компонента из родительского, но не смог добиться результата. Вот что я пробовал:
class Parent extends Component {
render() {
return (
Click
...
React JS: невозможно передать значение в метод через onClick
Проблема с передачей значения в обработчик onClick в React.js
Я хочу получить свойства значения события onClick. Но когда я нажимаю на элемент, в консоли появляется что-то вроде этого:
SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent,...
В чем разница между React Native и React?
Я начал изучать React из любопытства и хотел бы понять разницу между React и React Native. Однако не смог найти удовлетворительного ответа с помощью Google. React и React Native, кажется, имеют схожий формат. Есть ли у них совершенно разные синтаксисы?
Ошибка в 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...
Метод set в useState не отражает изменения немедленно
Я пытаюсь изучить хуки в React, и метод useState
вызывает у меня затруднения. Я задаю начальное значение для состояния в виде массива. Метод установки состояния в useState
не работает, как с использованием оператора расширения, так и без него.
У меня есть API на другом компьютере, к которому я...
Показать или скрыть элемент в React
Я впервые работаю с React.js и не могу найти способ показать или скрыть элемент на странице с помощью события клика. Я не подключаю никаких других библиотек, поэтому ищу способ использовать React на чистом уровне. Вот что у меня есть на данный момент. Я хотел бы отобразить div с результатами, когда...
Когда использовать JSX.Element, ReactNode и ReactElement?
Я сейчас мигрирую React-приложение на TypeScript. Пока что все идет довольно хорошо, но у меня возникла проблема с типами возвращаемых значений моих функций render
, в частности в моих функциональных компонентах.
Я всегда использовал JSX.Element
в качестве типа возвращаемого значения, но теперь...
Как экспортировать информацию из массива JavaScript в CSV (на стороне клиента)?
Я знаю, что существует множество вопросов на эту тему, но мне нужно сделать это с использованием JavaScript. Я использую Dojo 1.8 и у меня есть вся информация об атрибутах в массиве, который выглядит следующим образом:
[["name1", "city_name1", ...], ["name2", "city_name2", ...]]
Кто-нибудь...
Обнаружена ошибка: Невозможное нарушение: Неверный тип элемента: ожидался строковый тип (для встроенных компонентов) или класс/функция, но получен объект
Я получаю следующую ошибку:
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 =...
Какой тип имеет проп 'children'?
У меня есть очень простой функциональный компонент, который выглядит следующим образом:
import * as React from 'react';
export interface AuxProps {
children: React.ReactNode
}
const aux = (props: AuxProps) => props.children;
export default aux;
А вот и другой...
React JSX: Как выбрать "selected" для выбранного элемента <select>
Проблема с атрибутом selected в компоненте React для меню
В компоненте React для меню , мне необходимо установить атрибут `selected` на элементе
, который соответствует состоянию приложения.
В методе render()
состояние optionState
передается от владельца состояния в компонент...
Как обновить вложенные свойства состояния в React
Я пытаюсь организовать состояние, используя вложенные свойства следующим образом:
this.state = {
someProperty: {
flag: true
}
}
Однако обновление состояния таким образом:
this.setState({ someProperty.flag: false });
не работает. Как это можно...