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

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

532 javascript  reactjs 

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

529 reactjs  react-router 

Я знаю, что вы можете указывать стили в классах React, например так: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Должен ли я стремиться делать все стили таким образом, и …

512 css  reactjs  inline-styles  react-jsx 

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

503 javascript  reactjs 

Как вы выполняете 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() { fn.apply(context, args); }, delay); }; } var SearchBox = …

497 javascript  reactjs 

Сейчас много говорят о последнем мальчике в городе редуксе, Редукс Реду-Сага / Редукс-Сага . Он использует функции генератора для прослушивания / диспетчеризации действий. Прежде чем обернуть голову, я хотел бы знать плюсы / минусы использования redux-saga вместо подхода, описанного ниже, где я использую redux-thunkс async / await. Компонент может выглядеть …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

У меня есть два компонента. Родительский компонент Дочерний компонент Я пытался вызвать метод ребенка из Parent, я пытался таким образом, но не смог получить результат class Parent extends Component { render() { return ( <Child> <button onClick={Child.getAlert()}>Click</button> </Child> ); } } class Child extends Component { getAlert() { alert('clicked'); } …

475 javascript  reactjs 

Я пытаюсь настроить свое React.jsприложение так, чтобы оно отображало только переменную, которую я установил true. То, как настроена моя функция рендеринга, выглядит так: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!' : 'Enter your email to request early access:'; var style …

467 javascript  reactjs  render 

Я хочу добавить элемент в конец stateмассива, это правильный способ сделать это? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Я обеспокоен тем, что изменение массива на месте pushможет вызвать проблемы - это безопасно? Альтернатива сделать копию массива и сделать setStateэто кажется расточительной.

417 javascript  reactjs 

Как я могу определить маршрут в моем файле rout.jsx, чтобы захватить __firebase_request_keyзначение параметра из URL, сгенерированного процессом единого входа Twitter после перенаправления с их серверов? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Я пробовал со следующей конфигурацией маршрутов, но :redirectParamупомянутый параметр не перехватывает: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …

414 reactjs  react-router 

Я ищу способ определить, произошло ли событие щелчка за пределами компонента, как описано в этой статье . jQuery closest () используется, чтобы увидеть, имеет ли цель из события click элемент dom в качестве одного из его родителей. В случае совпадения событие click принадлежит одному из дочерних элементов и, следовательно, не …

412 javascript  dom  reactjs 

В компоненте React для <select>меню мне нужно установить selectedатрибут для опции, которая отражает состояние приложения. В render(), то optionStateпередается от состояния владельца к компоненту SortMenu. Значения параметров передаются как propsиз JSON. render: function() { var options = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? …

403 javascript  reactjs 

Я следую инструкциям на официальном сайте 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 instruments -s xcrun: error: unable to find utility "instruments", not …

394 javascript  ios  reactjs  react-native  ios-simulator 

Я пытаюсь организовать свое состояние с помощью вложенного свойства следующим образом: this.state = { someProperty: { flag:true } } Но обновление состояния, как это, this.setState({ someProperty.flag: false }); не работает Как это можно сделать правильно?

390 javascript  reactjs  ecmascript-6  setstate 

Я получаю эту ошибку после создания тривиального примера страницы React: Uncaught Ошибка: Инвариантное нарушение: _registerComponent (...): Целевой контейнер не является элементом DOM. Вот мой код: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML: <html> …

388 javascript  dom  reactjs