reactjs - 在 react 中导出常量

Question

大家好，我如何导出我的 const history 以在另一个组件中使用相同的历史记录。我尝试使用此历史记录在其他 View 和组件中使用 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

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

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

export function login(data) { ... }

然后就可以通过这种方式从外部导入

import { history } from 'pathToTheFile';