React Redux Simple GET Api Call - PullRequest
Новая
       21

React Redux Simple GET Api Call

0 голосов
/ 04 июня 2018

У меня есть приложение реагирования, которое будет использовать избыточность для хранения определенной информации о глобальном состоянии, например токена авторизации пользователя для Django Rest Framework и информации на текущей странице.Но я не могу понять, как именно это начать.

В настоящее время у меня есть компонент, который мне нужен, подключенный к redux, и когда он монтируется, он делает вызов API, чтобы получить информацию следующим образом ... 

componentDidMount() {
    axios
        .get("http://localhost:8000/api/spells/1")
        .then(response => {
            console.log('[API]:\t', response);
            let fields = response.data;
            let spell = Object.assign({}, this.state.spell);

            spell.Name =  fields.Name;
            spell.School =  fields.School;
            spell.Subschool =  fields.Subschool;
            this.setState({
                spell
            });
        })
        .catch(function(error) {
            console.error('[API]\t', error);
        });
}

Я больше сбит с толку относительногде я должен поместить свой вызов API и как я должен это делать.Все учебники, которые я читаю онлайн, мало помогают, и все они используют один и тот же пример.

Так как же мне идти о загрузке информации о модели через API с помощью действий / редукторов / и т. Д.?так что он обновляет хранилище с избыточностью, которое имеет базовую форму 

{
    other: info,
    spell: {
        Name: 'sdfs',
        School: 'sdfs',
        Subschool: 'sdfs',
    }
}

Редактировать: Для справки, this - это учебник, которому я следовал вместе с большей частью.У меня работает auth и все, я просто не могу понять, как адаптировать его к различным другим конечным точкам в DRF.

1 Ответ

0 голосов
/ 04 июня 2018 
ComponentDidMount()

componentDidMount() вызывается сразу после монтирования компонента.Инициализация, которая требует DOM-узлов, должна быть здесь.Если вам нужно загрузить данные из удаленной конечной точки, это хорошее место для создания сетевого запроса.

здесь

...