РЕДАКТИРОВАТЬ: это дубликат, смотрите здесь Я не могу найти никаких примеров использования имени динамического ключа при установке состояния. Вот что я хочу сделать: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, где event.target.id...
Существует ли встроенный способ использования проптипов, чтобы гарантировать, что массив объектов, передаваемых компоненту, на самом деле является массивом объектов определенной формы? Может как то так? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end:...
У меня есть компонент, который получает опору за его размер. Реквизит может быть либо строкой, либо числом, например: "LARGE"или 17. Могу ли я сообщить React.PropTypes, что это может быть одно или другое в проверке propTypes? Если я не укажу тип, я получу предупреждение: prop type `size` is...
Закрыто . Этот вопрос основан на мнении . В настоящее время он не принимает ответы. Хотите улучшить этот вопрос? Обновите вопрос, чтобы ответить на него фактами и цитатами, отредактировав этот пост . Закрыто в прошлом году . Улучшить этот вопрос Я только недавно обнаружил Redux . Все выглядит...
Как дополнительно включить элемент в JSX? Вот пример использования баннера, который должен быть в компоненте, если он был передан. Чего я хочу избежать, так это дублирования HTML-тегов в операторе if. render: function () { var banner; if (this.state.banner) { banner = <div...
Я пытаюсь выучить хуки, и этот useStateметод меня запутал. Я присваиваю начальное значение состоянию в виде массива. У useStateменя метод set не работает даже с spread(...)или without spread operator. Я создал API на другом ПК, который я вызываю и получаю данные, которые я хочу установить в...
Я изучаю Redux с React и наткнулся на этот код. Я не уверен, если это специфичным для Redux или нет, но я видел следующий фрагмент кода в одном из примеров. @connect((state) => { return { key: state.a.b }; }) Хотя функциональность connect довольно проста, но я не понимаю, @прежде чем connect....
Официальным Реагировать Документы состояния, « React.PureComponent«ы shouldComponentUpdate()только неглубоко сравнивают объекты», и советует против этого , если состояние„глубокого“. Учитывая это, есть ли причина, по которой следует отдавать предпочтение React.PureComponentпри создании компонентов...
Я пытаюсь понять метод подключения к реактиву-редуксу и функции, которые он принимает в качестве параметров. В частности mapStateToProps(). Насколько я понимаю, возвращаемое значение mapStateToPropsбудет объектом, полученным из состояния (как оно живет в хранилище), чьи ключи будут переданы...
В компоненте приложения React, который обрабатывает каналы контента, подобные Facebook, я обнаружил ошибку: Feed.js: 94 undefined "parsererror" "SyntaxError: Неожиданный токен <в JSON в позиции 0 Я столкнулся с аналогичной ошибкой, которая оказалась опечаткой в HTML в функции рендеринга, но,...
Как мы можем передать параметр 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');
После начала работы с React.js кажется, что он propsдолжен быть статическим (передаваться из родительского компонента), а stateизменения основаны на событиях. Тем не менее, я заметил в документации ссылку componentWillReceiveProps, которая конкретно включает в себя этот пример:...
Есть ли способ передать один компонент в другой реагирующий компонент? Я хочу создать компонент реагирования модели и передать другой компонент реакции, чтобы включить этот контент. Редактировать: Вот кодекс ручки JJ, иллюстрирующий то, что я пытаюсь сделать. http://codepen.io/aallbrig/pen/bEhjo...
Как я могу заставить 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"...
У меня есть следующая структура: FormEditor- содержит несколько FieldEditor FieldEditor- редактирует поле формы и сохраняет различные значения об этом в своем состоянии Когда кнопка нажата в FormEditor, я хочу иметь возможность собирать информацию о полях из всех FieldEditorкомпонентов, информацию,...
В React вы можете четко создать объект и назначить его как встроенный стиль. то есть. упомянуто ниже. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor prefix }; var...
React может отображать пользовательские атрибуты, как описано на http://facebook.github.io/react/docs/jsx-gotchas.html : Если вы хотите использовать пользовательский атрибут, вы должны поставить перед ним префикс data-. <div data-custom-attribute="foo" /> И это отличная новость, за...
Я пытаюсь отправить данные от дочернего компонента к его родителю следующим образом: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language: langValue}); }, render() { return ( <div...
Потратив некоторое время на изучение React, я понимаю разницу между двумя основными парадигмами создания компонентов. У меня вопрос, когда я должен использовать какой и почему? Каковы преимущества / компромиссы одного над другим? ES6 классы: import React, { Component } from 'react'; export class...
У меня проблемы с работой с ReactJS на Facebook. Всякий раз, когда я делаю ajax и хочу отобразить HTML-данные, ReactJS отображает их в виде текста. (См. Рисунок ниже) Данные отображаются с помощью функции обратного вызова jjery Ajax. $.ajax({ url: url here, dataType: "json", success: function(data)...