Мне нужно реализовать некоторую бизнес-логику в зависимости от истории просмотров. Я хочу сделать что-то вроде этого: reactRouter.onUrlChange(url => { this.history.push(url); }); Есть ли способ получить обратный вызов от реактивного маршрутизатора при обновлении URL-адреса?...
Я храню ссылку в моем хранилище redux и использую mapStateToProps, чтобы предоставить ссылку для компонентов, которым нужен доступ к ней. Сохраненная ссылка выглядит так: ref={node => this.myRefToBePutInReduxGlobalStore = node} Каков правильный propType для этой ссылки?...
У меня есть файл карусели, который я хочу получить index.jsи построить block.build.js, поэтому мой webpack.config.js: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader:...
При разработке с помощью create-response-app мой браузер переходит в режим отладчика при появлении предупреждений: Это нарушает исходный код react-dev-tools: // --- Welcome to debugging with React DevTools --- // This debugger statement means that you've enabled the "break on warnings" feature. //...
У меня сложная веб-страница с использованием компонентов React, и я пытаюсь преобразовать страницу из статического макета в более отзывчивый макет с изменяемым размером. Однако я продолжаю сталкиваться с ограничениями в React, и мне интересно, есть ли стандартный шаблон для решения этих проблем. В...
Я хочу привязать, чтобы закрыть всплывающее окно загрузки активного ответа при escapeнажатии. Вот код _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){ BannerDataStore.addChangeListener(this._onchange);...
Так что я начал изучать React неделю назад и неизбежно столкнулся с проблемой состояния и того, как компоненты должны взаимодействовать с остальной частью приложения. Я поискал, и мне кажется, что Redux - это аромат месяца. Я прочитал всю документацию и считаю, что это действительно революционная...
Я пытаюсь настроить Google Analytics на своем сайте реагирования и натолкнулся на несколько пакетов, но ни один из них не имеет такой настройки, как у меня с точки зрения примеров. Надеялся, что кто-нибудь сможет пролить свет на это. Я смотрю на пакет response-ga . Мой метод рендеринга...
Используя Facebook React. На странице настроек у меня есть textareaмногострочный текст, где пользователь может ввести многострочный текст (в моем случае адрес). <textarea value={address} /> Когда я пытаюсь отобразить адрес, например {address}, он не показывает разрывы строк и все находится в...
Моя цель - динамически добавлять компоненты на страницу / родительский компонент. Я начал с такого базового шаблона: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>, document.body); ReactDOM.render(<SampleComponent...
Я работаю над реализацией фильтруемого списка с помощью React. Структура списка показана на изображении ниже. ПОМЕЩЕНИЕ Вот описание того, как это должно работать: Состояние находится в компоненте самого высокого уровня, Searchкомпоненте. Состояние описывается следующим образом: { видимый:...
Я попытался найти ответ на этот вопрос, но большинство из них находятся вне контекста React, где onChangeсрабатывает размытие. Выполняя различные тесты, я не могу сказать, чем отличаются эти два события (применительно к текстовой области). Может кто-нибудь пролить некоторый свет на это?...
Я просто делаю простое приложение для изучения асинхронности с помощью redux. У меня все заработало, теперь я просто хочу отобразить фактическое состояние на веб-странице. Теперь, как мне получить доступ к состоянию магазина в методе рендеринга? Вот мой код (все на одной странице, потому что я...
У меня есть редуктор, и для расчета нового состояния мне нужны данные из действия, а также данные из части состояния, не управляемой этим редуктором. В частности, в редукторе, который я покажу ниже, мне нужен доступ к accountDetails.stateOfResidenceIdполю. initialState.js: export default {...
В React состояние не обновляется мгновенно, поэтому мы можем использовать обратный вызов в setState(state, callback). Но как это сделать в Redux? После вызова this.props.dispatch(updateState(key, value))мне нужно немедленно что-то сделать с обновленным состоянием. Есть ли способ вызвать обратный...
Я пробую React-Router (v4), и у меня возникают проблемы с запуском Nav, чтобы иметь один из Linkних active. Если я нажимаю на любой из Linkтегов, активный материал начинает работать. Однако я бы хотел, чтобы Home Linkбыл активен сразу после запуска приложения, поскольку это компонент, который...
У меня такой компонент: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input" ref={(input)...
Я начинаю играть с приложением Create React, но не могу понять, как index.jsоно загружается внутри index.html. Это HTML-код: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link...
Я установил eslint& eslint-plugin-react. Когда я запускаю ESLint, линтер возвращает no-unused-varsошибки для каждого компонента React. Я предполагаю, что он не осознает, что я использую синтаксис JSX или React. Любые идеи? Пример: app.js import React, { Component } from 'react'; import Header...
В отличие от ListView, мы можем обновить this.state.datasource. Есть ли какой-либо метод или пример для обновления FlatList или повторного рендеринга? Моя цель - обновить текстовое значение, когда пользователь нажимает кнопку ... renderEntries({ item, index }) { return( <TouchableHighlight...