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

У React (фрейсбук Facebook) мені потрібно зробити елемент мітки, прив’язаний до введення тексту, використовуючи стандартний forатрибут. наприклад, використовується наступний JSX: <label for="test">Test</label> <input type="text" id="test" /> Однак у результаті цього HTML не вистачає необхідного (і стандартного) forатрибута: <label>Test</label> <input type="text" id="test"> Що я роблю неправильно?

250 reactjs  label 

EDIT: це дублікат, дивіться тут Я не можу знайти прикладів використання динамічного імені ключа під час встановлення стану. Це те, що я хочу зробити: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, де event.target.id використовується як стан стану, який потрібно оновити. Чи це неможливо в …

248 javascript  reactjs  computed-properties 

Чи існує вбудований спосіб використання проптипів, щоб гарантувати, що масив об'єктів, що передаються компоненту, є насправді масивом об'єктів певної форми? Може щось подібне? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), Я пропускаю тут щось надто очевидне? Схоже, це було б дуже затребуваним.

245 arrays  reactjs  react-proptypes 

У мене є компонент, який отримує опору для свого розміру. Опором може бути рядок або число, наприклад: "LARGE"або 17. Чи можу я повідомити React.PropTypes, що це може бути те чи інше у валідації propTypes? Якщо я не вказую тип, отримую попередження: prop type `size` is invalid; it must be a …

244 reactjs  react-proptypes 

Закрито . Це питання ґрунтується на думці . Наразі відповіді не приймаються. Хочете вдосконалити це питання? Оновіть питання, щоб на нього можна було відповісти фактами та цитатами, відредагувавши цю публікацію . Закритий минулого року . Удосконаліть це питання Я нещодавно відкрив Redux . Це все добре виглядає. Чи є якісь …

243 reactjs  redux  flux  reactjs-flux 

Як я можу додатково включити елемент у JSX? Ось приклад використання банера, який повинен бути в компоненті, якщо він був переданий. Я хочу уникати того, щоб дублювати теги HTML в операторі if. render: function () { var banner; if (this.state.banner) { banner = <div id="banner">{this.state.banner}</div>; } else { banner = …

229 javascript  reactjs  react-jsx 

Я вивчаю Redux з React і натрапив на цей код. Я не впевнений, характерний він для Redux чи ні, але я бачив наступний фрагмент коду в одному з прикладів. @connect((state) => { return { key: state.a.b }; }) Хоча функціональність connectдосить проста, але я не розумію , @перш ніж connect. …

226 javascript  reactjs  decorator  redux 

Офіційним Реагувати Документи стану, « React.PureComponent« и shouldComponentUpdate()тільки неглибоко порівнюють об'єкти », і радить проти цього , якщо стан" глибокого ". З огляду на це, чи є якась причина, чому варто віддати перевагу React.PureComponentпід час створення компонентів React? Запитання : чи є вплив на ефективність використання, React.Componentякий ми можемо розглянути …

224 reactjs  state 

Я намагаюся зрозуміти метод підключення react-redux та функції, які він приймає як параметри. Зокрема mapStateToProps(). Як я це розумію, повернене значення mapStateToPropsбуде об’єктом, отриманим із стану (як він живе в магазині), ключі якого будуть передані вашому цільовому компоненту (компонент Connect застосовується) як реквізит. Це означає, що стан, спожитий вашим цільовим …

220 javascript  reactjs  redux  react-redux 

Після початку роботи з React.js, схоже, propsвони призначені статичні (передаються з батьківського компонента), а stateзміни залежать від подій. Однак я помітив у документах посилання на componentWillReceiveProps, яке конкретно включає цей приклад: componentWillReceiveProps: function(nextProps) { this.setState({ likesIncreasing: nextProps.likeCount > this.props.likeCount }); } Це , здається, має на увазі , що властивості …

217 javascript  reactjs  properties 

Як ми можемо передати параметр за допомогою this.props.history.push('/page')React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template'); });

217 reactjs  react-router 

Чи є спосіб передати один компонент в інший реагуючий компонент? Я хочу створити компонент реакції моделі та передати інший компонент реагування для того, щоб перетворити цей вміст. Редагувати: Ось код reactJS, який ілюструє те, що я намагаюся зробити. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> <p>Hi!</p> </div> ReactJS /**@jsx React.DOM*/ var BasicTransclusion = …

215 javascript  reactjs 

Як я можу змусити роботу onKeyPressподії в ReactJS? Він повинен насторожувати при enter (keyCode=13)натисканні. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one" onKeyPress={this.add} /> </div> ); } }); React.render(<Test />, document.body);

215 javascript  reactjs  keypress  onkeypress 

У мене така структура: FormEditor- містить кілька FieldEditor FieldEditor- редагує поле форми і зберігає різні значення про неї у своєму стані Коли натискається кнопка в FormEditor, я хочу мати змогу збирати інформацію про поля з усіх FieldEditorкомпонентів, інформацію, яка знаходиться у їхньому стані, і мати її все у FormEditor. Я …

214 javascript  reactjs 

React здатний надати спеціальні атрибути, як описано на сторінці http://facebook.github.io/react/docs/jsx-gotchas.html : Якщо ви хочете скористатися спеціальним атрибутом, вам слід встановити префікс даних. <div data-custom-attribute="foo" /> І це чудова новина, за винятком того, що я не можу знайти спосіб отримати доступ до нього з об’єкта події, наприклад: render: function() { ... …

214 javascript  facebook  reactjs