skylor-component

1.1.3 • Public • Published

Skylor Component

为你的 React 组件注入配置,如:Services,Axios, etc.

Install

npm install skylor-component

// or
yarn add skylor-component

Usage

在应用入口处注入:

import { init } from 'skylor-component';
import Services from './services'; // eg: 你的服务...
 
init({ Services, Hello: true }); // 需要注入的项目

在任意组件内使用,建议全部使用

import React from 'react';
import Component from 'skylor-component'; // 只需要这么一行就可以在组件内直接使用 `this`来获取注入的配置项。
 
export default class Example extends Component {
  state = { username: '' }
  async componentWillMount() {
    const res = await this.Services.user.getDetail();
    this.setState({ username: res.name })
  }
  render() {
    return (
      <div>example: {this.state.username} {this.Hello}</div>
    );
  }
}

Package Sidebar

Install

npm i skylor-component

Weekly Downloads

11

Version

1.1.3

License

none

Unpacked Size

5.43 kB

Total Files

6

Last publish

Collaborators

  • skylor