Я установил eslint-config-airbnb, который должен предварительно настроить ESLINT для React: Наш экспорт по умолчанию содержит все наши правила ESLint, включая ECMAScript 6+ и React. Для этого требуются eslint, eslint-plugin-import, eslint-plugin-react и eslint-plugin-jsx-a11y. Мое...
У меня есть один редуктор для клиентов, другой для AppToolbar и некоторые другие ... Теперь допустим, что я создал действие выборки для удаления клиента, и если это не удается, у меня есть код в редукторе клиентов, который должен кое-что делать, но также я хочу отобразить некоторую глобальную...
Я запускаю lint с моим приложением React и получаю эту ошибку: error JSX props should not use arrow functions react/jsx-no-bind И здесь я запускаю стрелочную функцию (внутри onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox defaultChecked={tile.checked}...
Я создал сайт с React.js и webpack . Я хочу использовать шрифты Google на веб-странице, поэтому помещаю ссылку в раздел. Google шрифты <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> И установите CSS body{ font-family: 'Bungee Inline', cursive; } Однако...
Я использую Axios при программировании в ReactJS и делаю вид, что отправляю запрос DELETE на свой сервер. Для этого мне нужны заголовки: headers: { 'Authorization': ... } и тело состоит из var payload = { "username": .. } Я искал в интервалах и только обнаружил, что метод DELETE требует «param» и...
Я новичок в response.js. Я реализовал один компонент, в котором я извлекаю данные с сервера и использую их как CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) {...
Итак, вот мой текущий рабочий процесс для импорта изображений и значков в веб-пакет через ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Это быстро становится...
У меня есть компонент, который я создал: class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; }...
Допустим, у меня есть компонент представления с условной визуализацией: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason" />...
Я понимаю, что это основной вопрос, но мне не удалось найти ответ в другом месте. Является ли store.dispatchсинхронный или асинхронный в Redux? Если это асинхронно, есть ли возможность добавить обратный вызов после того, как действие было распространено, как это возможно с помощью React?...
В чем разница между загрузчиками и плагинами в webpack? В документации для плагинов просто сказано: Используйте плагины для добавления функций, обычно связанных с пакетами в webpack. Я знаю, что babel использует загрузчик для преобразований jsx / es2015, но похоже, что другие общие задачи...
Есть ли способ предотвратить /#/отображение в адресной строке браузера при использовании response-router? Это с ReactJS. т.е. щелчок по ссылкам для перехода к новому маршруту показывает localhost:3000/#/или localhost:3000/#/about. В зависимости от...
Что такое контролируемые компоненты и неконтролируемые компоненты в ReactJS? Чем они отличаются друг от друга?
Вот моя форма и метод onClick. Я хотел бы выполнить этот метод, когда нажата кнопка Enter на клавиатуре. Как ? NB: jquery не приветствуется. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value,...
У меня возникла небольшая проблема с переходом с React-Router v3 на v4. в v3 я мог делать это где угодно: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Как мне добиться этого в v4. Я знаю, что могу использовать свойства hoc withRouter, контекста реакции или...
Можно ли определить, является ли текущая версия React разработкой или производственной во время выполнения? Я бы хотел сделать что-то вроде этого: if (React.isDevelopment) { // Development thing } else { // Real thing }...
Без использования класса, как мне использовать PropTypes в функциональном компоненте реакции без сохранения состояния? export const Header = (props) => ( <div>hi</div> )
Я все еще новичок в React, но я медленно продирался и наткнулся на то, на чем застрял. Я пытаюсь создать компонент «таймер» в React, и, честно говоря, я не знаю, правильно ли я делаю это (или эффективно). В моем коде ниже, я установить состояние , чтобы вернуть объект { currentCount: 10 }и играл с...
Что-то такое простое должно быть легко выполнено, но я выдергиваю волосы из-за того, насколько это сложно. Все, что я хочу сделать, это анимировать монтирование и размонтирование компонента React, вот и все. Вот что я пробовал до сих пор и почему каждое решение не работает: ReactCSSTransitionGroup...
Имея в виду этот код: var Component = React.createClass({ getInitialState: function () { return {position: 0}; }, componentDidMount: function () { setTimeout(this.setState({position: 1}), 3000); }, render: function () { return ( <div className="component"> {this.state.position} </div>...