bs react admin

bs-reaksi-admin

Pengikatan BuckleScript untuk admin reaksi.

Status

? Ini adalah WIP, belum semuanya didukung. ?

Jangan ragu untuk membuat isu atau PR jika Anda menemukan sesuatu yang hilang.

Selain itu, banyak tipe yang terlalu permisif dalam upaya membuat admin reaksi bekerja dengan proyek ReasonML. Mudah-mudahan, tipe ini akan lebih ketat di rilis mendatang.

Instalasi

npm install --save @ctbucha/bs-react-admin

Kemudian tambahkan @ctbucha/bs-react-admin ke bs-dependencies di bsconfig.json Anda :

{
  ...
  "bs-dependencies": ["@ctbucha/bs-react-admin"]
}

Penggunaan

 /* Aplikasi.re */biarkan komponen = ReasonReact.statelessComponent("Aplikasi");biarkan myHttpClient = (url, _params) => { biarkan headersDict = Js.Dict.empty();
  Js.Dict.set(headersDict, "Terima", "aplikasi/json");

  biarkan header =
     headersDict |> Ambil.HeadersInit.makeWithDict |> Ambil.Headers.makeWithInit;

  BsReactAdmin.FetchUtils.headersSet(params, header);

  BsReactAdmin.FetchUtils.fetchJson(url, params);};biarkan dataProvider =
   BsRaDataJsonServer.getRaDataJsonServer(
    ~apiUrl="http://jsonplaceholder.typicode.com",~httpClient=myHttpClient,(),
  );biarkan membuat = _anak => {
   ...komponen,
  render: _self => BsReactAdmin.(
      <div>
        <Penyedia data Admin>
          <Nama sumber daya="postingan" daftar=PostList.toReactJs />
        </Admin>
      </div>
    ),
      };

 /* PostList.re */biarkan komponen = ReasonReact.statelessComponent("PostList");biarkan make = (props, _children) => {
   ...komponen,
  render: _self => BsReactAdmin.(
      <div>
        <Daftar alat peraga>
          <Datagrid>
            <TextField sumber="id" />
            <TextField sumber="judul" />
            <TextField sumber="tubuh" />
          </Datagrid>
        </Daftar>
      </div>
    ),};/* Perlu meneruskan ini ke Resource sebagai komponen ReactJS dan bukan komponen ReasonReact * karena react-admin menangani ini sebagai komponen ReactJS. */biarkan toReactJs =
   ReasonReact.wrapReasonForJs(~komponen, jsProps => make(jsProps, [||]));