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

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

1433 reactjs  react-router 

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

1279 javascript  reactjs 

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

1126 javascript  reactjs  reactjs-flux  flux  redux 

Что делает ...этот код React (используя JSX) и как он называется? <Modal {...this.props} title='Modal heading' animation={false}>

898 javascript  reactjs 

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

889 javascript  reactjs  react-jsx 

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

731 javascript  reactjs  react-native  javascript-framework 

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

690 reactjs  react-jsx 

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

687 javascript  asynchronous  reactjs  redux  redux-thunk 

Я создаю компонент React, который принимает источник данных JSON и создает сортируемую таблицу. Каждой из строк динамических данных присвоен уникальный ключ, но я все еще получаю сообщение об ошибке: Каждый дочерний элемент в массиве должен иметь уникальную «ключевую» опору. Проверьте метод визуализации TableComponent. Мой TableComponentметод рендеринга возвращает: <table> <thead key="thead"> …

658 javascript  reactjs 

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

655 javascript  reactjs  url  react-router 

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

639 javascript  reactjs 

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

630 javascript  reactjs 

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

559 javascript  reactjs 

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

551 javascript  reactjs 

Когда важно перейти propsна super()и почему? class MyComponent extends React.Component { constructor(props) { super(); // or super(props) ? } }

532 reactjs  ecmascript-6