Запитання з тегом «reactjs»

Я новачок у ReactJS, вибачте, якщо це звучить. У мене є компонент, який створює кілька рядків таблиці відповідно до отриманих даних. Кожна комірка в стовпчику має радіовимітку. Отже, користувач може вибрати один site_nameі один addressіз існуючих рядків. Вибір повинен бути показаний у нижньому колонтитулі. І ось там я застряг. var …

203 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 ? } Що потрібно написати в моєму handleLogin: function() { …

199 javascript  html  reactjs  frontend 

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

199 ios  reactjs  react-native 

У компоненті програми React, який обробляє канали, схожі на Facebook, я стикаюся з помилкою: Feed.js: 94 undefined "parsererror" "SyntaxError: Несподіваний маркер <у JSON у позиції 0 Я зіткнувся з подібною помилкою, яка виявилася помилковою помилкою в HTML у функції візуалізації, але це, мабуть, не так. Більш заплутано, я повернув код …

199 javascript  jquery  json  reactjs 

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

198 reactjs  react-dom 

чи можна відправити дію в самому редукторі? У мене є панель прогресу та звуковий елемент. Мета - оновити панель прогресу, коли час оновлюється в аудіоелементі. Але я не знаю, де розмістити ontimeupdate eventhandler або як відправити дію в зворотному дзвінку ontimeupdate, щоб оновити панель прогресу. Ось мій код: //reducer const …

197 reactjs  redux  reducers 

Який на даний момент кращий спосіб перевірити Dateопору в реакції? Зараз я використовую: React.PropTypes.object Це, однак, зараз не відповідає правилу вказівки на заборону-опору . Чи варто використовувати shapeабо є кращий спосіб?

196 reactjs 

Я створюю додаток react.js з архітектурою потоку, і я намагаюся зрозуміти, де і коли слід робити запит на дані з сервера. Чи є приклад для цього. (Не додаток TODO!)

194 javascript  reactjs  reactjs-flux 

@connectчудово працює, коли я намагаюся зайти до магазину в межах реагуючого компонента. Але як мені отримати доступ до нього в якомусь іншому біті коду. Наприклад: скажімо, я хочу використовувати маркер авторизації для створення свого екземпляра axios, який можна використовувати в усьому світі в моєму додатку, що було б найкращим способом …

192 reactjs  redux  react-redux 

Коли стан компонента реагування змінюється, викликається метод візуалізації. Отже, для будь-яких змін стану може бути виконана дія в тілі методів візуалізації. Чи існує конкретний випадок використання для зворотного виклику 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 

Як я можу використовувати коментарі всередині 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 …

191 reactjs  react-native 

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

191 reactjs  localhost  ngrok 

З'ясувалося, що від React v15.3.0 у нас є новий базовий клас під назвою PureComponent для розширення із вбудованим PureRenderMixin . Я розумію, що під кришкою використовується неглибоке порівняння реквізиту всередині shouldComponentUpdate. Тепер у нас є 3 способи визначення компонента React: Функціональний компонент без стану, який не розширює жоден клас Компонент, …

189 javascript  reactjs  ecmascript-6 

У мене є такий компонент 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> ... ); } }; …

188 javascript  reactjs