Запитання з тегом «reactjs»

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

531 reactjs  ecmascript-6 

Я отримую цю помилку: Неприхована помилка: Інваріантне порушення: Тип елемента недійсний: очікуваний рядок (для вбудованих компонентів) або клас / функція (для складених компонентів), але отримано: object. Це мій код: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link var …

528 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 

Як ви проводите дебютування в React.js? Я хочу денонсувати ручкуOnChange. Я спробував, 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 = React.createClass({ …

496 javascript  reactjs 

Зараз багато говорять про останню дитину в місті редукс, редукс-сагу / редукс-сагу . Він використовує функції генератора для прослуховування / диспетчеризації дій. Перш ніж я обернути голову навколо цього, я хотів би дізнатися плюси та мінуси використання redux-sagaзамість підходу нижче, де я використовую redux-thunkasync / очікувати. Компонент може виглядати так, …

488 javascript  reactjs  redux  redux-thunk  redux-saga 

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

474 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здатись марною.

416 javascript  reactjs 

Як я можу визначити маршрут у моєму файлі route.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> …

412 reactjs  react-router 

Я шукаю спосіб виявити, чи відбулася подія клацання поза компонентом, як описано в цій статті . jQuery najbliže () використовується для того, щоб побачити, чи має ціль із події клацання елемент dom як один із батьків. Якщо є відповідність, подія клацання належить одному з дітей і, таким чином, не вважається …

410 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) ? ' …

402 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", …

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: Неприхована помилка: Інваріантне порушення: _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> …

387 javascript  dom  reactjs