Я изучаю Реакт. На данный момент у меня есть несколько components, прикованных как родитель-ребенок, общение через них легко выполняется с помощью обратных вызовов.
У меня есть таблица (компонент реакции) и небольшая модальная форма ajax (не реагировать). Когда я получаю ответ (элемент) с сервера, я хотел бы добавить элемент в таблицу.
Мой главный вопрос: возможно ли запустить изменение состояния из внешнего реагирования (в данном случае на ответ сервера)?
Можете ли вы вызвать изменение состояния компонента вне компонента?
Да. Вот простой пример
В вашем реагирующем компоненте настроено глобально доступное закрытие, которое будет обновлять его при запуске функции.
componentWillMount(){
globalVar.callback = (data) => {
// `this` refers to our react component
this.setState({...});
};
}
Затем, когда ваш ответ ajax'd возвращается, вы можете запустить событие с возвращенными данными
globalVar.callback(data);
Или для чего-то более надежного, настройте настраиваемое событие и глобальный прослушиватель
component Лучшей практикой штата является сохранение действительно внутренних state данных, а не интереса внешнего компонента. Если вы должны изменить компонент из новых внешних данных, используйте props, просто измените props извне, а компонент rerender будет реагировать на изменения.
Думаю, вам стоит взглянуть на веб-сайты, вам придется привязать их в свое приложение-ответ и на стороне сервера, но это даст вам желаемый эффект.