bs react admin

بكالوريوس رد فعل المشرف

روابط BuckleScript لمسؤول التفاعل.

حالة

؟ هذا قيد التنفيذ، ولم يتم دعم كل شيء حتى الآن. ؟

لا تتردد في إنشاء قضية أو العلاقات العامة إذا وجدت أي شيء مفقود.

بالإضافة إلى ذلك، فإن العديد من الأنواع متساهلة بشكل مفرط في محاولة لجعل مسؤول التفاعل يعمل مع مشاريع ReasonML. نأمل أن تكون هذه الأنواع أكثر صرامة في الإصدارات المستقبلية.

تثبيت

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

ثم أضف @ctbucha/bs-react-admin إلى bs-dependencies في bsconfig.json الخاص بك:

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

الاستخدام

 /* App.re */let Compon = ReasonReact.statelessComponent("App");let myHttpClient = (url, _params) => { Let headersDict = Js.Dict.empty();
  Js.Dict.set(headersDict, "Accept", "application/json");

  دع الرؤوس =
     headersDict |> Fetch.HeadersInit.makeWithDict |> Fetch.Headers.makeWithInit;

  BsReactAdmin.FetchUtils.headersSet(params, headers);

  BsReactAdmin.FetchUtils.fetchJson(url, params);};let dataProvider =
   BsRaDataJsonServer.getRaDataJsonServer(
    ~apiUrl="http://jsonplaceholder.typicode.com"،~httpClient=myHttpClient,(),
  );دعنا نصنع = _أطفال => {
   ...عنصر،
  تقديم: _self => BsReactAdmin.(
      <ديف>
        <مزود بيانات المسؤول>
          <اسم المورد = "المشاركات" list=PostList.toReactJs />
        </المسؤول>
      </div>
    )،
      };

 /* PostList.re */let Compon = ReasonReact.statelessComponent("PostList");let make = (props, _children) => {
   ...عنصر،
  تقديم: _self => BsReactAdmin.(
      <ديف>
        <قائمة الدعائم>
          <شبكة البيانات>
            <مصدر حقل النص = "id" />
            <مصدر حقل النص = "العنوان" />
            <مصدر حقل النص = "الجسم" />
          </داتاغريد>
        </قائمة>
      </div>
    ),};/* تحتاج إلى تمرير هذا إلى المورد كمكون ReactJS بدلاً من مكون ReasonReact * نظرًا لأن رد فعل المشرف يتعامل مع هذا كمكون ReactJS. */ دع toReactJs =
   ReasonReact.wrapReasonForJs(~component, jsProps => make(jsProps, [||]));