Сейчас много говорят о последнем мальчике в городе редуксе, Редукс Реду-Сага / Редукс-Сага . Он использует функции генератора для прослушивания / диспетчеризации действий. Прежде чем обернуть голову, я хотел бы знать плюсы / минусы использования redux-saga вместо подхода, описанного ниже, где я...
У меня есть два компонента. Родительский компонент Дочерний компонент Я пытался вызвать метод ребенка из Parent, я пытался таким образом, но не смог получить результат class Parent extends Component { render() { return ( <Child> <button onClick={Child.getAlert()}>Click</button>...
Я пытаюсь настроить свое React.jsприложение так, чтобы оно отображало только переменную, которую я установил true. То, как настроена моя функция рендеринга, выглядит так: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!' : 'Enter your email to...
Я хочу добавить элемент в конец stateмассива, это правильный способ сделать это? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Я обеспокоен тем, что изменение массива на месте pushможет вызвать проблемы - это безопасно? Альтернатива сделать копию массива и...
Как я могу определить маршрут в моем файле rout.jsx, чтобы захватить __firebase_request_keyзначение параметра из URL, сгенерированного процессом единого входа Twitter после перенаправления с их серверов? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Я пробовал со...
Я ищу способ определить, произошло ли событие щелчка за пределами компонента, как описано в этой статье . jQuery closest () используется, чтобы увидеть, имеет ли цель из события click элемент dom в качестве одного из его родителей. В случае совпадения событие click принадлежит одному из дочерних...
В компоненте React для <select>меню мне нужно установить selectedатрибут для опции, которая отражает состояние приложения. В render(), то optionStateпередается от состояния владельца к компоненту SortMenu. Значения параметров передаются как propsиз JSON. render: function() { var options = [],...
Я следую инструкциям на официальном сайте React Native. Используя следующее, чтобы построить мой проект: react-native run-ios Я получаю ошибку: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command failed: xcrun...
Я пытаюсь организовать свое состояние с помощью вложенного свойства следующим образом: this.state = { someProperty: { flag:true } } Но обновление состояния, как это, this.setState({ someProperty.flag: false }); не работает Как это можно сделать...
Я работаю с Javascript (ES6) / реакцией FaceBook и пытаюсь получить первые 3 элемента массива, который различается по размеру. Я хотел бы сделать эквивалент Linq take (n). В моем файле Jsx у меня есть следующее: var items = list.map(i => { return ( <myview item={i} key={i.id} /> ); });...
Я получаю эту ошибку после создания тривиального примера страницы React: Uncaught Ошибка: Инвариантное нарушение: _registerComponent (...): Целевой контейнер не является элементом DOM. Вот мой код: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({...
Я видел выступление разработчика React ( Пит Хант: React: переосмысление лучших практик - JSConf EU 2013 ), и докладчик отметил, что проверка модели может быть медленной. Но не является ли вычисление различий между виртуальными DOM на самом деле еще менее производительным, поскольку виртуальная DOM...
У меня есть приложение, в котором мне нужно динамически установить высоту элемента (скажем, «app-content»). Он берет высоту "хрома" приложения и вычитает его, а затем устанавливает высоту "контента приложения", чтобы он соответствовал 100% в рамках этих ограничений. Это очень просто с ванильными...
В текущей версии React Router (v3) я могу принять ответ сервера и использовать browserHistory.pushдля перехода на соответствующую страницу ответа. Тем не менее, это не доступно в v4, и я не уверен, как правильно это сделать. В этом примере при использовании Redux компоненты / app-product-form.js...
У меня есть простой компонент реагирования с формой, которая, как мне кажется, имеет один контролируемый вход: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form...
Я читал документацию для библиотеки Redux, и у нее есть этот пример: В дополнение к чтению состояния компоненты контейнера могут отправлять действия. Аналогичным образом вы можете определить вызываемую функцию, mapDispatchToProps()которая получает dispatch()метод и возвращает реквизиты обратного...
Моя структура выглядит следующим образом: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 Компонент 3 должен отображать некоторые данные в зависимости от состояния Компонента 5. Поскольку реквизиты являются неизменяемыми, я не могу просто сохранить его состояние в...
Я новичок в ReactJS и JSX, и у меня возникла небольшая проблема с кодом ниже. Я пытаюсь добавить несколько классов к classNameатрибуту на каждом li: <li key={index} className={activeClass, data.class, "main-class"}></li> Мой компонент React: var AccountMainMenu = React.createClass({...
В функции рендеринга моего компонента у меня есть: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ... </div> );...
Я только что заменил react-routerс v3 на v4. Но я не уверен, как программно перемещаться в функции-члене a Component. т.е. в handleClick()функции, к которой я хочу перейти /path/some/whereпосле обработки некоторых данных. Я использовал это для: import { browserHistory } from 'react-router'...