Я изо всех сил пытаюсь решить проблему со следующим синтаксисом: export const sendVerificationEmail = async () => (dispatch) => { try { dispatch({ type: EMAIL_FETCHING, payload: true }); await Auth.sendEmailVerification(); dispatch({ type: EMAIL_FETCHING, payload: false })) } catch (error) {...
Я переношу проект React с TypeScript для использования функций перехватчиков (React v16.7.0-alpha), но я не могу понять, как установить типизацию деструктурированных элементов. Вот пример: interface IUser { name: string; } ... const [user, setUser] = useState({name: 'Jon'}); Я хочу, чтобы...
Возможно, я что-то неправильно понял, но useCallback Hook запускается каждый раз, когда происходит повторный рендеринг. Я передал входные данные - в качестве второго аргумента для useCallback - неизменяемые константы - но возвращенный мемоизированный обратный вызов по-прежнему выполняет мои...
Вот цифры мин + gzip 26k gzip 90 КБ оригинал 450 + k И у React не так много функций в документации. Почему он такой большой? У меня такое ощущение, что это реализация облегченного DOM. Но я хочу быть уверенным....
У меня есть некоторые реквизиты, в которых есть строка, которая может содержать такие символы, как &. Он также содержит пробелы. Я хочу заменить все пробелы на . Есть ли простой способ сделать это? Имейте в виду, что я не могу просто выполнить рендеринг с использованием этого...
Пользуюсь Reactи ESLintс eslint-plugin-react. Я хочу , чтобы disableв prop-typesправила в одном файле. var React = require('react'); var Model = require('./ComponentModel'); var Component = React.createClass({ /* eslint-disable react/prop-types */ propTypes: Model.propTypes, /* eslint-enable...
Реализую пример из https://github.com/moroshko/react-autosuggest Важный код выглядит так: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
У меня есть модульные тесты для моего reducers. Однако, когда я отлаживаю в браузере, я хочу проверить, правильно ли были вызваны мои действия и было ли соответствующим образом изменено состояние. Я ищу что-то вроде: window._redux.store ... в браузере, чтобы я мог набрать это на консоли и...
У меня есть аутентификация токена с сервера, поэтому, когда мое приложение Redux загружается изначально, мне нужно сделать запрос на этот сервер, чтобы проверить, аутентифицирован ли пользователь или нет, и если да, я должен получить токен. Я обнаружил, что использование действий INIT ядра Redux...
У меня есть проект, которого я не трогал 2 недели. Беру обратно и теперь при попытке запустить npm startя получаю эту ошибку. > react-scripts start sh: react-scripts: command not found npm ERR! Darwin 16.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start" npm ERR! node v6.7.0...
Используя TypeScript с React, нам больше не нужно расширяться, React.Propsчтобы компилятор знал, что все свойства компонентов React могут иметь дочерние элементы: interface MyProps { } class MyComponent extends React.Component<MyProps, {}> { public render(): JSX.Element { return...
У меня есть reactjsприложение, написанное с использованием стандартов ES6, и я использую его webpackдля его создания. В webpackзагружает jsмодули , использующие babel-loader. Если быть точным, я использую следующие версии пакетов: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └──...
Предположим, у меня есть текстовая строка, содержащая разрывы строк, и я визуализирую ее так: render() { var text = "One\nTwo\nThree"; return <div>{text}</div>; } В HTML разрывы строк не отображаются как разрывы строк. Как мне это сделать в React? Я не хочу конвертировать в...
В простом старом 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, внутри...
Я делаю ссылку с реакцией: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` Затем, выше, у меня есть функция upvote: upvote: -> // do stuff (ajax) Перед ссылкой у меня был промежуток в этом месте, но мне нужно переключиться на ссылку, и вот проблема - каждый...
У меня есть следующий код, бросок eslint: реагировать / проп-типы onClickOut; отсутствует в проверке реквизита реагировать / поддерживать типы детей; отсутствует в проверке реквизита propTypes был определен, но eslint его не распознает. import React, { Component, PropTypes } from 'react'; class...
Я, вероятно, упускаю что-то очень очевидное и хотел бы очистить себя. Вот мое понимание. В наивном компоненте реакции у нас есть states& props. Обновление stateс setStateповторным оказывает весь компонент. propsв основном предназначены только для чтения, и их обновление не имеет смысла. В...
Как лучше всего обрабатывать зависания в styled-components. У меня есть элемент обертывания, при наведении которого открывается кнопка. Я мог бы реализовать какое-то состояние в компоненте и переключать свойство при наведении, но мне было интересно, есть ли лучший способ сделать это с помощью...
Я использую реагирующую встроенную навигацию (реагирующую навигацию) StackNavigator. он начинается со страницы входа в систему на протяжении всего жизненного цикла приложения. Я не хочу, чтобы у меня была возможность вернуться к экрану входа в систему. Кто-нибудь знает, как его можно скрыть на...
Я тестировал свое приложение React.js в Internet Explorer и обнаружил, что какой-то код ES6 / 7 Array.prototype.includes()ломает его. Я использую приложение create-react-app , и, по-видимому, они решили не включать много полифиллов, поскольку они не всем нужны, и они замедляют время сборки (см.,...