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

Хотя есть аналогичный вопрос, я не могу создать файл с несколькими функциями. Не уверен, что метод уже устарел или нет, так как RN развивается очень быстро. Как создать глобальную вспомогательную функцию в React Native? Я новичок в React Native. Я хочу создать файл js, полный множества функций многократного использования, а …

133 reactjs  react-native 

Я создал компонент в React, который должен обновлять свой собственный стиль при прокрутке окна для создания эффекта параллакса. Компонентный renderметод выглядит так: function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 - 60); style.transform = 'translateY(' + itemTranslate …

133 javascript  reactjs 

Я читаю о Flux, но пример приложения Todo слишком упрощен для меня, чтобы понять некоторые ключевые моменты. Представьте себе одностраничное приложение, такое как Facebook, у которого есть страницы профиля пользователя . На каждой странице профиля пользователя мы хотим отображать некоторую информацию о пользователе и его последние сообщения с бесконечной прокруткой. …

132 javascript  facebook  architecture  reactjs  reactjs-flux 

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

132 javascript  reactjs  ecmascript-6 

Я использую последнюю версию модуля response-router с именем response-router-dom, который стал по умолчанию при разработке веб-приложений с React. Я хочу знать, как сделать перенаправление после запроса POST. Я делал этот код, но после запроса ничего не происходит. Я просматриваю в Интернете, но все данные относятся к предыдущим версиям реактивного маршрутизатора, …

132 javascript  reactjs  react-router 

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

131 javascript  reactjs  react-router 

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

131 javascript  reactjs  typescript 

История такова, что я смогу поместить Боба, Салли и Джека в коробку. Я тоже могу удалить из коробки. При снятии слота не остается. people = ["Bob", "Sally", "Jack"] Теперь мне нужно удалить, скажем, «Боб». Новый массив будет: ["Sally", "Jack"] Вот мой компонент реакции: ... getInitialState: function() { return{ people: [], …

131 javascript  arrays  reactjs 

Я пытаюсь найти лучший способ удалить элемент из массива в состоянии компонента. Поскольку мне не следует изменять this.stateпеременную напрямую, есть ли лучший (более краткий) способ удалить элемент из массива, чем тот, который у меня здесь ?: onRemovePerson: function(index) { this.setState(prevState => { // pass callback in setState to avoid race …

131 javascript  reactjs 

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

131 reactjs  redux  axios 

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

130 javascript  google-maps  reactjs  ecmascript-6  react-router 

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

129 reactjs 

Я разработчик Angular и новичок в React, это простой компонент React, но не работает import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( <span>hello Tech View</span> ); } } export default …

129 reactjs 

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

128 javascript  reactjs  crud  redux 

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

128 reactjs  jasmine  enzyme