Вопросы с тегом «reactjs»

React (также известный как React.js или ReactJS) - это библиотека JavaScript, разработанная Facebook для создания пользовательских интерфейсов. Он использует декларативную, основанную на компонентах парадигму и стремится быть одновременно эффективным и гибким.

1433
Программная навигация с использованием реагирующего маршрутизатора

С помощью react-routerя могу использовать Linkэлемент для создания ссылок, которые изначально обрабатываются реагирующим маршрутизатором. Я вижу внутренне это звонки this.context.transitionTo(...). Я хочу сделать навигацию. Не по ссылке, а из выпадающего списка (как пример). Как я могу сделать это...

1279
Петля внутри React JSX

Я пытаюсь сделать что-то вроде следующего в React JSX(где ObjectRow является отдельным компонентом): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> Я понимаю и понимаю, почему это неверно JSX, поскольку JSXсопоставляет вызовы функций. Тем не менее, исходя из...

1126
Зачем использовать Redux поверх Facebook Flux? [закрыто]

Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Закрыто в прошлом году . Locked . Этот вопрос и его ответы заблокированы, потому что вопрос не по теме, но имеет историческое значение. В настоящее время он не принимает новые ответы или взаимодействия. Я прочитал...

889
Как передать реквизит {this.props.children}

Я пытаюсь найти правильный способ определить некоторые компоненты, которые могут быть использованы в общем виде: <Parent> <Child value="1"> <Child value="2"> </Parent> Существует логика для рендеринга между родительскими и дочерними компонентами, конечно, вы можете себе...

690
Можете ли вы заставить компонент React перерисовываться без вызова setState?

У меня есть внешний (для компонента), наблюдаемый объект, который я хочу прослушивать на предмет изменений. Когда объект обновляется, он генерирует события изменения, а затем я хочу повторно визуализировать компонент при обнаружении любого изменения. На верхнем уровне React.renderэто было возможно,...

687
Зачем нам промежуточное ПО для асинхронного потока в Redux?

Согласно документации, «без промежуточного программного обеспечения хранилище Redux поддерживает только синхронный поток данных» . Я не понимаю, почему это так. Почему компонент контейнера не может вызвать асинхронный API, а затем dispatchдействия? Например, представьте себе простой интерфейс: поле...

658
Понимание уникальных ключей для дочерних массивов в React.js

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

655
URL-адреса React-маршрутизатора не работают при обновлении или записи вручную

Я использую React-роутер, и он отлично работает, пока я нажимаю на кнопки ссылок, но когда я обновляю свою веб-страницу, она не загружает то, что я хочу. Например, я нахожусь, localhost/joblistи все в порядке, потому что я приехал сюда, нажав на ссылку. Но если я обновлю веб-страницу, я получу:...

639
React js onClick не может передать значение методу

Я хочу прочитать свойства значения события onClick. Но когда я нажимаю на нее, я вижу что-то вроде этого на консоли: SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target Мой код работает правильно. Когда я бегу, я вижу,...

630
Как установить фокус на поле ввода после рендеринга?

Как реагирует установка фокуса на конкретное текстовое поле после рендеринга компонента? Документация предлагает использовать ссылки, например: Установите ref="nameInput"в моем поле ввода в функции рендеринга, а затем вызовите: this.refs.nameInput.getInputDOMNode().focus(); Но где мне это назвать?...

559
В чем разница между состоянием и реквизитом в React?

Я смотрел курс Pluralsight по React, и инструктор заявил, что реквизит менять нельзя. Я сейчас читаю статью (uberVU / реакции-руководство) о реквизитах против состояния, и там говорится И реквизиты, и изменения состояния запускают обновление рендера. Далее в статье говорится: Реквизиты (сокращение...

551
Как условно добавить атрибуты в компоненты React?

Есть ли способ добавить атрибуты в компонент React, только если выполняется определенное условие? Я должен добавить обязательные атрибуты и атрибуты readOnly для элементов формы на основе вызова Ajax после рендеринга, но я не вижу, как это решить, поскольку readOnly = "false" - это не то же самое,...

532
Показать или скрыть элемент в React

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

529
Uncaught Ошибка: Инвариантное Нарушение: Тип элемента недопустим: ожидал строку (для встроенных компонентов) или класса / функции, но получил: объект

Я получаю эту ошибку: Uncaught Ошибка: Инвариантное Нарушение: Тип элемента недопустим: ожидал строку (для встроенных компонентов) или класс / функцию (для составных компонентов), но получил: объект. Это мой код: var React = require('react') var ReactDOM = require('react-dom') var Router =...

503
ReactJS - Рендерится ли вызывается каждый раз, когда вызывается setState?

React рендерит все компоненты и подкомпоненты каждый раз, когда setStateвызывается? Если так, то почему? Я думал, что идея была в том, что React рендерится так мало, как нужно - когда состояние меняется. В следующем простом примере оба класса визуализируются снова при нажатии на текст, несмотря на...

497
Выполните debounce в React.js

Как вы выполняете debounce в React.js? Я хочу разоблачить handleOnChange. Я пытался с, debounce(this.handleOnChange, 200)но это не работает. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function()...