Как получить API, используя Mobx с NextJs? - PullRequest
Новая
       26

Как получить API, используя Mobx с NextJs?

0 голосов
/ 30 июня 2019

Я пытаюсь получить некоторые значения из API, используя mobx с Nextjs. Я могу получить все значения очень хорошо после того, как получу значения, я попытался присвоить все значения переменной "@observable films". Но когда я регистрировал значения фильмов, я увидел, что значения Proxy не являются значениями json, которые я получил из API. Как я могу назначить значения как обычный формат JSON для фильмов? (Извините, если мой вопрос не имеет смысла, я новичок кодер ..) 

import { action, observable } from 'mobx'
import { useStaticRendering } from 'mobx-react'
import fetch from 'isomorphic-unfetch'
import {API_BASE} from '../constants/constants.js';
import { configure } from "mobx";


const isServer = typeof window === 'undefined'
useStaticRendering(isServer)

class Store {
@observable films;

constructor(initialData = {}) {
    this.films = initialData.films != null
        ? initialData.films
        : null;
}

@action searchFilm = async (title,year,type) => {
    const response = await fetch(`${API_BASE}&s=${title}&y=${year}&type=${type}`);
    const {Search} = await response.json();
    this.films = Search;
    console.log('Data : ',Search); //All values well formatted as json.
    console.log('films:' ,this.films); //All values in Proxy,target,handler...
  }
}

let store = null

export function initializeStore(initialData) {
if (isServer) {
    return new Store(isServer, initialData)
}
if (store === null) {
    store = new Store(isServer, initialData)
}
return store
}
...