Вопросы с тегом «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"> Что я делаю не так?

252 reactjs  label 

РЕДАКТИРОВАТЬ: это дубликат, смотрите здесь Я не могу найти никаких примеров использования имени динамического ключа при установке состояния. Вот что я хочу сделать: 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, })), Я что-то здесь упускаю из виду? Похоже, это будет очень востребованным.

246 arrays  reactjs  react-proptypes 

У меня есть компонент, который получает опору за его размер. Реквизит может быть либо строкой, либо числом, например: "LARGE"или 17. Могу ли я сообщить React.PropTypes, что это может быть одно или другое в проверке propTypes? Если я не укажу тип, я получу предупреждение: prop type `size` is invalid; it must …

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 довольно проста, но я не понимаю, @прежде чем …

226 javascript  reactjs  decorator  redux 

Я пытаюсь выучить хуки, и этот useStateметод меня запутал. Я присваиваю начальное значение состоянию в виде массива. У useStateменя метод set не работает даже с spread(...)или without spread operator. Я создал API на другом ПК, который я вызываю и получаю данные, которые я хочу установить в состояние. Вот мой код: …

226 javascript  reactjs  react-hooks 

Официальным Реагировать Документы состояния, « React.PureComponent«ы shouldComponentUpdate()только неглубоко сравнивают объекты», и советует против этого , если состояние„глубокого“. Учитывая это, есть ли причина, по которой следует отдавать предпочтение React.PureComponentпри создании компонентов React? Вопросы : есть ли какое-то влияние на производительность, React.Componentкоторое мы можем рассмотреть React.PureComponent? Я предполагаю , что shouldComponentUpdate()из PureComponentпреформ …

224 reactjs  state 

Я пытаюсь понять метод подключения к реактиву-редуксу и функции, которые он принимает в качестве параметров. В частности mapStateToProps(). Насколько я понимаю, возвращаемое значение mapStateToPropsбудет объектом, полученным из состояния (как оно живет в хранилище), чьи ключи будут переданы целевому компоненту (к которому применяется компонент, к которому применяется соединение) в качестве реквизита. …

220 javascript  reactjs  redux  react-redux 

В компоненте приложения React, который обрабатывает каналы контента, подобные Facebook, я обнаружил ошибку: Feed.js: 94 undefined "parsererror" "SyntaxError: Неожиданный токен <в JSON в позиции 0 Я столкнулся с аналогичной ошибкой, которая оказалась опечаткой в ​​HTML в функции рендеринга, но, похоже, здесь это не так. Что еще более сбивает с толку, …

219 javascript  jquery  json  reactjs 

Как мы можем передать параметр 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'); });

218 reactjs  react-router 

Есть ли способ передать один компонент в другой реагирующий компонент? Я хочу создать компонент реагирования модели и передать другой компонент реакции, чтобы включить этот контент. Редактировать: Вот кодекс ручки JJ, иллюстрирующий то, что я пытаюсь сделать. http://codepen.io/aallbrig/pen/bEhjo HTML <div id="my-component"> <p>Hi!</p> </div> ReactJS /**@jsx React.DOM*/ var BasicTransclusion = React.createClass({ render: …

217 javascript  reactjs 

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

217 javascript  reactjs  properties 

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

215 javascript  reactjs