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

POSTЗапрос axios обращается к URL на контроллере, но устанавливает нулевые значения для моего класса POJO. Когда я беру инструменты разработчика в chrome, полезная нагрузка содержит данные. Что я делаю не так? Axios POST Запрос: var body = { userName: 'Fred', userEmail: 'Flintstone@gmail.com' } axios({ method: 'post', url: '/addUser', data: body …

205 reactjs  react-redux  axios  ajaxform  axios-cookiejar-support 

Я строю что-то с React, где мне нужно вставить HTML с переменными React в JSX. Есть ли способ иметь переменную так: var thisIsMyCopy = '<p>copy copy copy <strong>strong copy</strong></p>'; и вставить его в реакцию, как это так, и это работает? render: function() { return ( <div className="content">{thisIsMyCopy}</div> ); } и …

204 javascript  html  frontend  reactjs  react-jsx 

Я новичок в ReactJS, извините, если это звучит не так. У меня есть компонент, который создает несколько строк таблицы в соответствии с полученными данными. Каждая ячейка в столбце имеет флажок радио. Следовательно, пользователь может выбрать один site_nameи один addressиз существующих рядов. Выбор должен быть показан в нижнем колонтитуле. И вот …

204 html  reactjs 

У меня есть простая форма в моей renderфункции, например так: render : function() { return ( <form> <input type="text" name="email" placeholder="Email" /> <input type="password" name="password" placeholder="Password" /> <button type="button" onClick={this.handleLogin}>Login</button> </form> ); }, handleLogin: function() { //How to access email and password here ? } Что я должен написать в …

200 javascript  html  reactjs  frontend 

Когда я запускаю реактивный проект, я получаю ошибку no bundle URL present, но я не знаю, какие ошибки я делаю, я был очень смущен.

200 ios  reactjs  react-native 

Я немного новичок, чтобы реагировать. Я вижу, что мы должны импортировать две вещи, чтобы начать, Reactи ReactDOMкто-нибудь может объяснить разницу. Я читаю документацию React , но она не говорит.

198 reactjs  react-dom 

Можно ли отправить действие в самом редукторе? У меня есть индикатор и аудио элемент. Цель состоит в том, чтобы обновить индикатор выполнения, когда время обновляется в аудиоэлементе. Но я не знаю, где разместить обработчик событий ontimeupdate или как отправить действие в обратный вызов ontimeupdate, чтобы обновить индикатор выполнения. Вот мой …

198 reactjs  redux  reducers 

Каков в настоящее время предпочтительный способ проверки Dateопоры в реакции? Прямо сейчас я использую: React.PropTypes.object Это, однако, в настоящее время не соответствует правилу lint запрещенных проп-типов . Должен ли я использовать shapeили есть какой-то лучший способ?

196 reactjs 

Я создаю приложениеact.js с потоковой архитектурой и пытаюсь выяснить, где и когда должен быть сделан запрос данных с сервера. Есть ли какой-нибудь пример для этого. (Не TODO приложение!)

194 javascript  reactjs  reactjs-flux 

@connectпрекрасно работает, когда я пытаюсь получить доступ к магазину в компоненте реакции. Но как мне получить к нему доступ в другом фрагменте кода? Например, скажем, я хочу использовать токен авторизации для создания моего экземпляра axios, который можно использовать в моем приложении в глобальном масштабе. Каков наилучший способ добиться этого? Это …

192 reactjs  redux  react-redux 

Как я могу использовать комментарии внутри renderметода в компоненте React? У меня есть следующий компонент: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // whenClicked …

192 reactjs  react-native 

При изменении состояния реагирующего компонента вызывается метод рендеринга. Следовательно, для любого изменения состояния действие может быть выполнено в теле методов рендеринга. Есть ли конкретный вариант использования для обратного вызова setState?

191 reactjs  callback  setstate 

Я использую объект данных в качестве реквизита для компонента в ReactJS. <Field data={data} /> Я знаю, что легко проверить сам объект PropTypes: propTypes: { data: React.PropTypes.object } Но что, если я хочу проверить значения внутри? то есть. data.id, data.title? props[propName]: React.PropTypes.number.required // etc...

191 reactjs 

Я пытаюсь протестировать свое приложение React на мобильном устройстве. Я использую ngrok для того, чтобы сделать мой локальный сервер доступным для других устройств, и он работает с множеством других приложений. Однако, когда я пытаюсь подключить ngrok к серверу React dev, я получаю сообщение об ошибке: Invalid Host Header Я считаю, …

191 reactjs  localhost  ngrok 

У меня есть следующий компонент React: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... <form className="form-horizontal"> ... <input type="text" className="form-control" ref={(c) => this.title = c} name="title" /> ... </form> ... <button type="button" onClick={this.onSubmit} className="btn">Save</button> ... ); } }; …

190 javascript  reactjs