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

131
Прикрепите заголовок авторизации для всех запросов axios

У меня есть приложение response / redux, которое получает токен с сервера api. После аутентификации пользователя я хотел бы, чтобы все запросы Axios содержали этот токен в качестве заголовка авторизации без необходимости вручную прикреплять его к каждому запросу в действии. Я новичок в реакции /...

131
TypeScript: типы событий React

Какой тип подходит для событий React. Изначально я просто использовал anyдля простоты. Теперь я пытаюсь навести порядок и полностью отказаться от использования any. Итак, в такой простой форме: export interface LoginProps { login: { [k: string]: string | Function uname: string passw: string logIn:...

131
React-router: как вручную вызвать ссылку?

Я новичок в ReactJS и React-Router. У меня есть компонент, который через реквизит получает <Link/>объект от реактивного маршрутизатора . Каждый раз, когда пользователь нажимает кнопку «Далее» внутри этого компонента, я хочу вызвать <Link/>объект вручную. Прямо сейчас я использую refs...

131
Удаление элемента из массива в состоянии компонента

Я пытаюсь найти лучший способ удалить элемент из массива в состоянии компонента. Поскольку мне не следует изменять this.stateпеременную напрямую, есть ли лучший (более краткий) способ удалить элемент из массива, чем тот, который у меня здесь ?: onRemovePerson: function(index) {...

130
Получение «Невозможно вызвать класс как функцию» в моем проекте React

Я пытаюсь добавить в свой проект компонент карты React, но получаю ошибку. Я использую сообщение в блоге Fullstack React как ссылку. Я отследил, где возникает ошибка в строке 83 google_map.js: function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new...

129
Как сгенерировать уникальные идентификаторы для меток форм в React?

У меня есть элементы формы с labels, и я хочу иметь уникальные идентификаторы для связывания labels с элементами с htmlForатрибутом. Что-то вроде этого: React.createClass({ render() { const id = ???; return ( <label htmlFor={id}>My label</label> <input id={id} type="text"/> ); }...

128
Как прокрутить вниз в React?

Я хочу создать систему чата и автоматически прокручивать вниз при входе в окно и при поступлении новых сообщений. Как вы автоматически прокручиваете до конца контейнера в...

128
Что такое «монтирование» в React js?

Я слишком часто слышу термин «монтировать», когда изучаю ReactJS. И, похоже, в отношении этого термина есть методы жизненного цикла и ошибки. Что именно React подразумевает под монтированием? Примеры: componentDidMount() and...

128
React + Redux - Как лучше всего обрабатывать CRUD в компоненте формы?

У меня есть одна форма, которая используется для создания, чтения, обновления и удаления. Я создал 3 компонента одинаковой формы, но передаю им разные свойства. У меня есть CreateForm.js, ViewForm.js (только для чтения с кнопкой удаления) и UpdateForm.js. Раньше я работал с PHP, поэтому всегда...

128
React Enzyme находит второй (или n-й) узел

Я тестирую компонент React с мелким рендерингом Jasmine Enzyme. Упрощено здесь для целей этого вопроса ... function MyOuterComponent() { return ( <div> ... <MyInnerComponent title="Hello" /> ... <MyInnerComponent title="Good-bye" /> ... </div> ) } MyOuterComponentимеет 2...

127
Встраивание SVG в ReactJS

Можно ли встроить разметку SVG в компонент ReactJS? render: function() { return ( <span> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmln ... </span> ); } Приводит к ошибке: Атрибуты пространства имен не поддерживаются. ReactJSX - это не XML. Какой самый легкий...

127
Почему setState в Reactjs Async вместо Sync?

Я только что обнаружил, что this.setState()функция реакции в любом компоненте является асинхронной или вызывается после завершения функции, в которой он был вызван. Теперь я поискал и нашел этот блог ( операция мутации состояния setState () может быть синхронной в ReactJS ) Здесь он обнаружил, что...

126
ReactJS SyntheticEvent stopPropagation () работает только с событиями React?

Я пытаюсь использовать event.stopPropagation () в компоненте ReactJS, чтобы остановить событие щелчка от всплытия и запуска события щелчка, которое было прикреплено с JQuery в устаревшем коде, но похоже, что stopPropagation () React только останавливает распространение на события также прикреплен к...

126
Как обнаружить нажатие клавиши Esc в React и как с этим справиться

Как определить нажатие клавиши Esc на reactjs? То же, что и jquery $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); После обнаружения я хочу передать информацию компонентам. У меня есть 3 компонента, из которых последний...

125
'dispatch' не является функцией, когда аргумент mapToDispatchToProps () в Redux

Я новичок в javascript / redux / react, создаю небольшое приложение с redux, react-redux и react. По какой-то причине при использовании функции mapDispatchToProps в тандеме с connect (привязка response-redux) я получаю TypeError, указывающий, что отправка не является функцией, когда я пытаюсь...

124
React-router vs react-router-dom, когда использовать тот или иной?

У обоих есть Route, Link и т. Д. Когда использовать тот или иной? Я действительно не понимаю, где использовать каждый из них. На стороне сервера? Сторона клиента? https://reacttraining.com/react-router/ В некоторых примерах вам нужно передать историю, в других - нет. Что делать? <Router...

123
React не загружает локальные изображения

Я создаю небольшое приложение для реагирования, и мои локальные изображения не загружаются. Изображения вроде placehold.it/200x200загружаются. Подумал может может быть что то с сервером? Вот мой App.js import React, { Component } from 'react'; class App extends Component { render() { return (...