Проблема Я устанавливаю реакцию, refиспользуя определение встроенной функции render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> то в componentDidMountDOM ссылка не установлена componentDidMount = () => { // this.drawerRef is not defined...
Я создаю и слушаю обычные DOM CustomEventдля связи с родительскими узлами: У ребенка: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); В родительском:...
Начальное состояние в приложении Redux можно установить двумя способами: передать его как второй аргумент createStore( ссылка на документы ) передайте его в качестве первого аргумента вашим (под) редукторам ( ссылка на документы ) Если вы передадите начальное состояние своему магазину, как вы...
У меня есть компонент контейнера response-redux, который создается в компоненте React Native Navigator. Я хочу иметь возможность передавать навигатор в качестве опоры этому компоненту контейнера, чтобы после нажатия кнопки внутри его презентационного компонента он мог помещать объект в стек...
Когда я запускаю webpackтерминал, я получаю: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Вот мой файл webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: {...
Я новичок в ReactJS. Раньше я использовал jQuery для установки любой нужной мне анимации или функции. Но теперь я пытаюсь использовать ReactJS и минимизировать использование jQuery. Мой случай: Я пытаюсь построить аккордеон с помощью ReactJS. <div class="accor"> <div class="head">Head...
Пытаемся найти оптимальный способ создания обработчиков событий в компонентах React без сохранения состояния. Я мог бы сделать что-то вроде этого: const myComponent = (props) => { const myHandler = (e) => props.dispatch(something()); return ( <button onClick={myHandler}>Click...
Я использую компонент Link из маршрутизатора reactjs, и мне не удается заставить onClickevent работать. Это код: <Link to={this.props.myroute} onClick='hello()'>Here</Link> Это способ сделать это или другой способ?...
Имитация нажатия кнопки кажется очень простой / стандартной операцией. Тем не менее, я не могу заставить его работать в тестах Jest.js. Это то, что я пробовал (и тоже делал это с помощью jQuery), но, похоже, ничего не сработало: import { mount } from 'enzyme'; page = <MyCoolPage />;...
Я видел, что React 16 позволяет передавать атрибуты в DOM. Значит, это означает, что вместо className можно использовать class, верно? Мне просто интересно, есть ли преимущества в использовании className по сравнению с class, помимо обратной совместимости с предыдущими версиями React....
Я хочу отобразить свой компонент после того, как мой запрос ajax будет выполнен. Ниже вы можете увидеть мой код var CategoriesSetup = React.createClass({ render: function(){ var rows = []; $.get('http://foobar.io/api/v1/listings/categories/').done(function (data) { $.each(data, function(index,...
Я использую webpack для создания своих реагирующих компонентов, и я пытаюсь использовать его, extract-text-webpack-pluginчтобы отделить свой css от сгенерированного файла js. Однако, когда я пытаюсь построить компонент я получаю следующее сообщение об ошибке: Module build failed: ReferenceError:...
У меня есть роутер, как показано ниже: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Вот чего я хочу добиться: Перенаправить пользователя, /loginесли он...
Глядя на этот пример React Router Dom v4 https://reacttraining.com/react-router/web/example/auth-workflow, я вижу, что компонент PrivateRoute разрушает такую опору отдыха, как это const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => (...
В большинстве случаев наличие родительского тега не является проблемой. React.createClass({ render: function() { return ( <tbody> <tr><td>Item 1</td></tr> <tr><td>Item 2</td></tr> </tbody> ); } }); Но в некоторых случаях имеет смысл иметь...
Я создал новое приложение для реагирования с помощью create-react-appcli. Затем я добавил 'react-redux'библиотеку, используя npm install --save react-redux. У package.jsonменя есть: "react-redux": "^4.4.5" К сожалению, приложение не компилируется и жалуется на: Error in...
Способ React установить, какая опция выбрана для поля выбора, состоит в том, чтобы установить valueна самом <select>себе специальную опору , соответствующую valueатрибуту <option>элемента, который вы хотите выбрать. Для multipleвыбора эта опора может принимать вместо этого массив....
Я немного новичок в React и пытаюсь установить className как string + prop. Но я не уверен, как это сделать и насколько это лучше. Итак, что я пытаюсь сделать, и это, очевидно, не работает, это следующее: <a data-featherlight='string' + {this.props.data.imageUrl}> Как бы мне это написать?...
Я прихожу, чтобы отреагировать на использование angular, и я пытаюсь найти хорошую альтернативу реакции на директиву angular ng-if, в которой я визуализирую или не визуализирую элемент на основе условия. Возьмем, к примеру, этот код. Я использую машинописный текст (tsx), кстати, но это не имеет...
В отличие от webstorm, я не могу комментировать JSX-код в .jsфайлах в Visual Studio Code.