reactjs — вопросы с ответами

Я пытаюсь отправить данные из дочернего компонента в родительский элемент следующим образом: const ParentComponent = React.createClass({ getInitialState() { return { language: '', }; }, handleLanguageCode: function(langValue) { this.setState({language:...

Я только что нашел, что в реакции this.setState() функция в любом компоненте является асинхронной или вызывается после завершения функции, в которую она была вызвана. Теперь я искал и нашел этот блог (http://www.bennadel.com/blog/2893-setstate-state-mutation-operation-may-be-synchronous-in-reactjs...

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

Я реализую пример из 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 => suburb...

В моем реагирующем компоненте я пытаюсь реализовать простой счетчик, пока выполняется запрос ajax - im использует состояние для сохранения состояния загрузки. По какой-то причине этот фрагмент кода в моем компоненте React вызывает эту ошибку Может обновлять только смонтированный или монтажный компо...

Я пытаюсь динамически отображать компоненты на основе их типа. Например: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Я попробовал предлагаемое здесь решение Динамические и...

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

Я использую webpack для создания своих реагирующих компонентов, и я пытаюсь использовать extract-text-webpack-plugin для разделения моего css из моего сгенерированного js файла. Однако, когда я пытаюсь построить компонент, я получаю следующую ошибку: Module build failed: ReferenceError: window is no...

Я использую Sublime Text в качестве текстового редактора. Там jsFormat для форматирования файлов javascript, но я не могу найти его для JSX. Как вы, ребята, работаете с форматированием JSX?

TL;DR: используйте defaultChecked вместо отмеченного, работая jsbin здесь http://jsbin.com/mecimayawe/1/edit?js,output Попытка установить простой флажок, который будет вычеркнуть текст его метки, когда он будет установлен. По какой-то причине handleChange не запускается, когда я использую компонент....

У меня сложная веб-страница с использованием компонентов React, и я пытаюсь преобразовать страницу из статического макета в более отзывчивый, изменяемый размер. Тем не менее, я постоянно сталкиваюсь с ограничениями с React, и мне интересно, существует ли стандартный шаблон для решения этих проблем. ...

В response.js, лучше ли хранить ссылку на тайм-аут в качестве переменной экземпляра (this.timeout) или переменной состояния (this.state.timeout)? React.createClass({ handleEnter: function () { // Open a new one after a delay var self = this; this.timeout = setTimeout(...

Одиночная линия работает нормально render: function () { return ( {[1,2,3].map(function (n) { return <p>{n}</p> }} ); } не для нескольких строк render: function () { return ( {[1,2,3].map(function (n) { return ( <h3>Item {n}</h3> ...

Как прослушать событие изменения для элемента управления contentEditable? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> ...

Пока я просматривал HTML-страницы некоторых страниц, я заметил, что некоторые из них используют этот атрибут "data-reactid", например: <a data-reactid="......" ></a> Что это за атрибут и какова его функция?