Реагировать "это не было инициализировано - super () не было вызвано" только в Build - PullRequest
0 голосов
/ 12 июня 2019

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

Я использую HOC с некоторой функцией в качестве контекста, функция, объявленная в контексте (HOC), не работает, потому что она не объявлена.

Все отлично работает на dev, если для тестирования перед сборкой я комментирую

 this.getProducts();

для componentDidMount проблемы переходят на следующую функцию, которая использует это.

Кто-то может мне помочь? Заранее спасибо.

const GlobalContext = React.createContext()

class GlobalProvider extends React.Component {

  constructor(props) {
    super(props)


    this.loadingToggle = ( status = null, where = '' ) => {
        // enable and disable loading               
    }

    this.loginFunction = (e, utente_id, password) => {
        // rest api login
    }

    this.logoutFunction = () => {
        // logout
    }


    this.getProducts = () => {

        this.forceUpdate(); 

        this.loadingToggle(true, "getProducts");

        // HERE THE PROBLEMS
        var _this = this; 

        axios.post(Config.apiBaseUrl + '/users/products', {
            token: localStorage.getItem('token')
        })
        .then( (response) => {
            if (response.data.success !== true ){
                // user not exist
            }else{
                // populate user data

                // HERE I USE _this
            }
        })
        .catch(function (error) {
            // catch error
        });

    }



    this.cartVariation = (id, qty, minQty = 0) => {
        // cart action
    }


    this.sendOrder = (addressId) => {
        // send order
    }



    this.state = { 
        isAuth: false,
        loginFunction: this.loginFunction,
        logoutFunction: this.logoutFunction,
        cartVariation: this.cartVariation,
        removeCart: this.removeCart,
        cart: null,
        forceUpdate: this.forceUpdate,
        lastUpdate: new Date().getTime(),
        cartCount: JSON.parse(localStorage.getItem("mf-cart")) !== null ? Object.keys( JSON.parse(localStorage.getItem("mf-cart"))).length : 0,
        loadingToggle: this.loadingToggle,
        loading: false,
        store : {
            mf_product_list : [],
            mf_categories : [],
            mf_users : [],
            mf_users_formatted : [],
            mf_backorders : [],
            mf_backorders_list : [],
            mf_address : []
        },
        sendOrder: this.sendOrder
    }


  }

  componentDidMount () {

    if (localStorage.getItem('token') !== null && localStorage.getItem('token-timestamp') !== null ){
        this.setState({isAuth : true});
    }
        this.getProducts();
  }


  render() {
    return (
      <GlobalContext.Provider
        value={{
          isAuth: this.state.isAuth,
          authToken: null,
          loginFunction: this.state.loginFunction,
          logoutFunction: this.state.logoutFunction,
          cartVariation: this.state.cartVariation,
          removeCart: this.state.removeCart,
          cart: null,
          forceUpdate: this.state.forceUpdate,
          lastUpdate: this.state.lastUpdate,          
          cartCount: this.state.cartCount, 
          loading: this.state.loading,
          store: this.state.store,
          sendOrder: this.sendOrder
        }}
      >
        {this.props.children}
      </GlobalContext.Provider>
    )
  }
}

const GlobalConsumer = GlobalContext.Consumer

export { GlobalProvider, GlobalConsumer }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...