Question

大家好，如何导出我的const history以在另一个组件中使用相同的历史记录。我尝试在antoher视图和组件中使用此历史记录history.push。

export function login(data) {

const history = createBrowserHistory({
forceRefresh: true
})

const endpoint = '/api/auth/jwt/'
const csrfToken = cookie.load('csrftoken')
let thisComp = this
if (csrfToken !== undefined) {
  let lookupOptions = {
      method: "POST",
      headers: {
          'Content-Type': 'application/json'

      },
      body: JSON.stringify(data),
      credentials: 'include'
  }

  fetch(endpoint, lookupOptions)
  .then(function(response){
      return response.json()
  }).then(function(responseData){
      console.log(responseData)
      localStorage.token = responseData.token
      localStorage.expires = responseData.expires // Store the token
      console.log("Token Stored", localStorage.token)
      console.log("Token Expires", responseData.expires)
      refreshToken(localStorage.token)
      history.push('/meals/')


    }).catch(function(error){

      console.log("error", error)
  })
}

}

感谢您的帮助。

Answer 1

你应该将你的const定义移到登录之外并将其导出，如下所示

export const history = createBrowserHistory({
forceRefresh: true
})

export function login(data) { ... }

然后你可以用这种方式从外面导入

import { history } from 'pathToTheFile';

出口const反应

1 个答案: