如何使用mobx将令牌从cookie传递到每个请求？

import { observable, action } from "mobx";

class TokenStore {
  @observable token = "";

  @action setToken(token) {
    this.token = token;
  }
}

const tokenStore = new TokenStore();
export default tokenStore;

import React from "react";
import { Provider } from "mobx-react";
import tokenStore from "./TokenStore";
import App from "./App";

const Root = () => (
  <Provider tokenStore={tokenStore}>
    <App />
  </Provider>
);

export default Root;

import React, { Component } from "react";
import { inject, observer } from "mobx-react";

@inject("tokenStore")
@observer
class MyComponent extends Component {
  componentDidMount() {
    // 在组件挂载时，从cookie中获取令牌，并更新TokenStore中的令牌值
    const token = getCookie("token");
    this.props.tokenStore.setToken(token);
  }

  render() {
    // 使用TokenStore中的令牌值进行其他操作
    const { token } = this.props.tokenStore;
    return <div>{token}</div>;
  }
}

export default MyComponent;