Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
359 views
in Technique[技术] by (71.8m points)

antd design pro,如何在ts中取store中的数据?

最近想用antd design pro写一个后台管理页面,碰到一个问题,苦思不得其解,求赐教。
在普通的页面中,通过使用connect来联结model中的数据。

export default connect(
  ({
    listAndbasicList,
    loading,
  }: {
    listAndbasicList: StateType;
    loading: {
      models: { [key: string]: boolean };
    };
  }) => ({
    listAndbasicList,
    loading: loading.models.listAndbasicList,
  }),
)(BasicList);

我现在需要在request.ts中取到store中的数据,不知怎么做


import { extend } from 'umi-request';
import { notification } from 'antd';


const token =  // 如何从store中取 
const request = extend({
  errorHandler, // 默认错误处理
  credentials: 'include', // 默认请求是否带上cookie
  headers: { Authorization: `token` },
});

export default request;

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

发现了dva在普通js中取store中的数据的方法
在老的版本里,需要使用window.g_app.store来访问。
新版本里使用getDvaApp,获取?dva?实例。再获取其上的Store。

但是发现我这个场景下用拦截器是最方便是的

const request = extend({
  errorHandler, // 默认错误处理
  credentials: 'include', // 默认请求是否带上cookie
});

request.interceptors.request.use(
  (url, options) => {
    const headers = {
      Authorization: `bearer ${sessionStorage.getItem('token')}` 
    };
    return {
      url,
      options: { ...options, headers },
    };
  }
);

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to MLink Developer Q&A Community for programmer and developer-Open, Learning and Share

1.2m questions

2.1m answers

5 comments

56.5k users

...