reactjs- все статьи тега ➜ страница 6


Загрузчики Webpack против плагинов; в чем разница?

в чем разница между загрузчиками и плагинами в webpack? The документация на Плагины просто говорит: используйте плагины для добавления функций, обычно связанных с пакетами в webpack. Я знаю, что babel использует загрузчик для преобразований jsx/es2015, но похоже, что другие распространенные задачи (например, copy-webpack-plugin) используют плагины. ...

Не могу ввести в текстовое поле реагировать

Я пытаюсь мой первый бит реагировать.js и am в тупике на ранней стадии... У меня есть код ниже, который отображает форму поиска в <div id="search"></div>. Но ввод в поле поиска ничего не делает. предположительно что-то пропадает, передавая реквизит и состояние вверх и вниз, и это похоже на общую проблему. Но я в тупике - я не вижу, чего не хватает. var SearchFacet = React.createClass({ handleChange: function() { this.props.onUserInput( this.refs.searchStringInput.value ...

Правильный путь для img на React.js

у меня есть некоторые проблемы с моими изображениями на моем проекте react. Действительно, я всегда думал, что относительный путь в атрибут src был построен на архитектуре файлов вот моя архитектура файлов: components file1.jsx file2.jsx file3.jsx conainter img js ... однако я понял, что путь был построен на url. В одном из моих компонентов (например, в file1.jsx) у меня есть это: localhost/details/2 <img src="../img/myImage.png" /> -> Works localhost/details/2/id &l ...

В Sublime Text 3, Как включить Emmet для файлов JSX?

Я ранее использовал пакет JSX Аллана Хортла пока я не столкнулся с проблемой с тем, как он обрабатывал подсветку синтаксиса. Я тогда заметил, что есть официальный пакет,sublime-react. С пакетом Аллана Хортла он включил фрагмент в Preferences > Key Bindings – User для включения функции Emmet, которая выглядит следующим образом: { "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context": [ { "operand": "source.js.jsx", "operator": "equa ...

Передача реквизитов компоненту контейнера react-redux

у меня есть компонент контейнера react-redux, который создается в компоненте React Native Navigator. Я хочу иметь возможность передать навигатор в качестве опоры для этого компонента контейнера, чтобы после нажатия кнопки внутри его презентационного компонента он мог нажать объект в стек навигатора. Я хочу сделать это без необходимости вручную писать весь шаблонный код, который дает мне компонент контейнера react-redux (а также не пропустить все оптимизации это react-redux даст мне здесь тоже). ...

React: сколько я могу манипулировать DOM React оказал?

вот что я делаю:http://jsfiddle.net/iamnoah/pTrrw/ критическая секция-это: position: function() { var container = $(this.getDOMNode()); this._menu = $(this.refs.menu.getDOMNode()); this._menu.appendTo(document.body). offset({ top: container.offset().top + container.outerHeight(), left: container.offset().left }); }, restore: function() { this._menu.appendTo(this.getDOMNode()); }, componentWillUpdate: function() { this.restore(); }, ...

Недопустимый объект конфигурации. Webpack был инициализирован с помощью объекта конфигурации, который не соответствует схеме API

У меня есть это простое приложение HelloWorld react, созданное из онлайн-курса, однако я получаю эту ошибку: недопустимый объект конфигурации. Webpack был инициализирован с помощью объект конфигурации, который не соответствует схеме API. - конфигурации в разработку неизвестное свойство'. Эти свойства действительны: object { amd? залог? кэш? контекст? зависимости?, солдат?, devtool?- вход, внешний вид?- заряжающий? модуль? имя?, узел? выход?, спектакль? Плагины? профиль?, recordsInpu ...

Вызвать метод компонента реагировать извне

Я хочу вызвать метод, предоставляемый компонентом React из экземпляра элемента React. например, в этом jsfiddle https://jsfiddle.net/r6r8cp3z/ я хочу позвонить alertMessage метод HelloElement ссылка. есть ли способ добиться этого без необходимости писать дополнительные обертки? Edit (скопированный код из JSFiddle) <div id="container"></div> <button onclick="onButtonClick()">Click me!</button> var onButtonClick = function () { //call alertMessage method from the ...

Динамическое Добавление Изображений React Webpack

Я пытался выяснить, как динамически добавлять изображения с помощью React и Webpack. У меня есть папка с изображением под src / images и компонент под src / components / index. Я использую url-loader со следующей конфигурацией для webpack { test: /.(png|jpg|)$/, loader: 'url-loader?limit=200000' } в компоненте я знаю, что могу добавить require(image_path) для конкретного изображения в верхней части файла, прежде чем я создам компонент, но я хочу сделать компонент униве ...

Разница между компонентом и контейнером в react redux

в чем разница между компонентом и контейнером в react redux? ...

React-отображение экрана загрузки во время рендеринга DOM?

это пример со страницы приложения Google Adsense. Экран загрузки, отображаемый перед главной страницей, отображается после. Я не знаю, как сделать то же самое с React, потому что если я делаю экран загрузки, отображаемый компонентом React, он не отображается во время загрузки страницы, потому что он должен ждать DOM, отображаемого раньше. Обновлено: Я сделал пример моего подхода, поставив загрузчик экрана index.html и удалить его в React componentDidMount() метод жизненного цикла. пример: ...

Как я могу получить доступ к состоянию наведения в reactjs?

У меня есть sidenav с кучей баскетбольных команд. Поэтому я хотел бы показать что-то другое для каждой команды, когда один из них зависает. Кроме того, я использую Reactjs, поэтому, если бы у меня была переменная, которую я мог бы передать другому компоненту, это было бы потрясающе. ...

Как минимизировать размер пакета webpack?

Я пишу веб-приложение с помощью react и webpack как мой модуль bundler. Мой jsx код действительно легкий до сих пор, размер всей папки составляет 25 КБ. мой bundle.js создан из webpack - в 2,2 Мб хоть. После запуска оптимизации с помощью -p флаг, он уменьшает пакет до 700kb, который по-прежнему очень большой. Я заглянул в react.min.js файл и его размер составляет 130 КБ. возможно ли, что webpack производит такой большой файлы или я делаю что-то не так? webpack.конфиг.js var path = require(' ...