松软

flax 是帮助您简单引用 HTTP API 的组件.

安装

npm install --save @coralblack/flax

使用量

import 'flax/dist/styles/index.css';
import {FxButton, FxGuard} from 'flax';

Fx 守护

使HTTP API查询请求变得超级简单的组件.

<FxGuard
  api={{
    method: 'GET',
    url: 'https://jsonplaceholder.typicode.com/todos/1',
  }}
  render={data => (
    <>
      <div>
        <label>userId:</label> {data.userId}
        <br />
        <label>id:</label> {data.id}
        <br />
        <label>title:</label> {data.title}
      </div>
    </>
  )}
/>

Fx按钮

一个使其对HTTP API引用请求的超简单化的组件.

<FxButton
  label="Post"
  api={{
    method: 'POST',
    url: 'https://jsonplaceholder.typicode.com/posts',
  }}
  success={(res) => document.location.href = '/posts/' + res.id}
  error=((err) => Message.show(`An error has occurred. (${err.message})`))
/>

作者

• 冈佐

许可证

MIT. 版权所有 2020 CORAL.BLACK.