@connect
отлично работает, когда я пытаюсь получить доступ к хранилищу внутри реагирующего компонента. Но как мне получить доступ к нему в каком-то другом бите кода. Например, скажем, я хочу использовать токен авторизации для создания экземпляра axios, который можно использовать глобально в моем приложении, что было бы лучшим способом достичь этого?
Это мой api.js
// tooling modules
import axios from 'axios'
// configuration
const api = axios.create()
api.defaults.baseURL = 'http://localhost:5001/api/v1'
api.defaults.headers.common['Authorization'] = 'AUTH_TOKEN' // need the token here
api.defaults.headers.post['Content-Type'] = 'application/json'
export default api
Теперь я хочу получить доступ к точке данных из своего хранилища, вот что бы выглядело, если бы я пытался получить ее внутри реагирующего компонента, используя @connect
// connect to store
@connect((store) => {
return {
auth: store.auth
}
})
export default class App extends Component {
componentWillMount() {
// this is how I would get it in my react component
console.log(this.props.auth.tokens.authorization_token)
}
render() {...}
}
Любые идеи или шаблоны рабочих процессов там?