Вопросы с тегом «reactjs»

Мне нужно реализовать некоторую бизнес-логику в зависимости от истории просмотров. Я хочу сделать что-то вроде этого: reactRouter.onUrlChange(url => { this.history.push(url); }); Есть ли способ получить обратный вызов от реактивного маршрутизатора при обновлении URL-адреса?

87 reactjs  react-router  react-router-v4  react-router-redux  react-router-dom 

У меня есть reactjsприложение, написанное с использованием стандартов ES6, и я использую его webpackдля его создания. В webpackзагружает jsмодули , использующие babel-loader. Если быть точным, я использую следующие версии пакетов: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Однако после сборки IE 10 выдает следующую ошибку 'Symbol' is undefined. Разве …

87 reactjs  webpack  babeljs 

Я тестировал свое приложение React.js в Internet Explorer и обнаружил, что какой-то код ES6 / 7 Array.prototype.includes()ломает его. Я использую приложение create-react-app , и, по-видимому, они решили не включать много полифиллов, поскольку они не всем нужны, и они замедляют время сборки (см., Например, здесь и здесь ). В документации (на …

87 javascript  reactjs  ecmascript-6  create-react-app  ecmascript-7 

В простом старом javascript у меня есть DIV <div class="movie" id="my_movie"> и следующий код javascript var myMovie = document.getElementById('my_movie'); myMovie.addEventListener('nv-enter', function (event) { console.log('change scope'); }); Теперь у меня есть компонент React, внутри этого компонента, в методе рендеринга, я возвращаю свой div. Как я могу добавить прослушиватель событий для моего …

87 reactjs 

При разработке с помощью 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. // Use the browser's Call Stack panel to step …

87 reactjs  javascript-debugger 

У меня есть файл карусели, который я хочу получить 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: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', …

87 reactjs  webpack  babeljs 

Я, вероятно, упускаю что-то очень очевидное и хотел бы очистить себя. Вот мое понимание. В наивном компоненте реакции у нас есть states& props. Обновление stateс setStateповторным оказывает весь компонент. propsв основном предназначены только для чтения, и их обновление не имеет смысла. В компоненте реакции, который подписывается на хранилище redux через …

87 reactjs  redux  react-redux 

Я делаю ссылку с реакцией: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` Затем, выше, у меня есть функция upvote: upvote: -> // do stuff (ajax) Перед ссылкой у меня был промежуток в этом месте, но мне нужно переключиться на ссылку, и вот проблема - каждый раз, когда я нажимаю на .upvotesстраницу, обновляется, …

87 reactjs  hyperlink  coffeescript  preventdefault 

Я использую реагирующую встроенную навигацию (реагирующую навигацию) StackNavigator. он начинается со страницы входа в систему на протяжении всего жизненного цикла приложения. Я не хочу, чтобы у меня была возможность вернуться к экрану входа в систему. Кто-нибудь знает, как его можно скрыть на экране после экрана входа в систему? Кстати, я …

87 reactjs  react-native  navigation  react-navigation 

Я храню ссылку в моем хранилище redux и использую mapStateToProps, чтобы предоставить ссылку для компонентов, которым нужен доступ к ней. Сохраненная ссылка выглядит так: ref={node => this.myRefToBePutInReduxGlobalStore = node} Каков правильный propType для этой ссылки?

87 reactjs 

Предположим, у меня есть текстовая строка, содержащая разрывы строк, и я визуализирую ее так: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } В HTML разрывы строк не отображаются как разрывы строк. Как мне это сделать в React? Я не хочу конвертировать в <br>теги и использовать dangerouslySetInnerHTML. Есть другой способ?

87 reactjs 

Как лучше всего обрабатывать зависания в styled-components. У меня есть элемент обертывания, при наведении которого открывается кнопка. Я мог бы реализовать какое-то состояние в компоненте и переключать свойство при наведении, но мне было интересно, есть ли лучший способ сделать это с помощью styled-cmponents. Что-то вроде следующего не работает, но было …

87 reactjs  styled-components 

У меня есть следующий код, бросок eslint: реагировать / проп-типы onClickOut; отсутствует в проверке реквизита реагировать / поддерживать типы детей; отсутствует в проверке реквизита propTypes был определен, но eslint его не распознает. import React, { Component, PropTypes } from 'react'; class IxClickOut extends Component { static propTypes = { children: …

87 javascript  reactjs  eslint  flowtype 

У меня сложная веб-страница с использованием компонентов React, и я пытаюсь преобразовать страницу из статического макета в более отзывчивый макет с изменяемым размером. Однако я продолжаю сталкиваться с ограничениями в React, и мне интересно, есть ли стандартный шаблон для решения этих проблем. В моем конкретном случае у меня есть компонент, …

86 javascript  reactjs  responsive 

Проблема Я устанавливаю реакцию, refиспользуя определение встроенной функции render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> то в componentDidMountDOM ссылка не установлена componentDidMount = () => { // this.drawerRef is not defined Насколько я понимаю, refобратный вызов должен выполняться во время монтирования, однако добавление …

86 javascript  reactjs