bs react admin

bs-react-ผู้ดูแลระบบ

การผูก BuckleScript สำหรับผู้ดูแลระบบแบบโต้ตอบ

สถานะ

- นี่คือ WIP ยังไม่รองรับทุกอย่าง -

อย่าลังเลที่จะสร้างปัญหาหรือประชาสัมพันธ์หากคุณพบสิ่งที่ขาดหายไป

นอกจากนี้ หลายประเภทยังได้รับอนุญาตมากเกินไปในความพยายามที่จะให้ react-admin ทำงานกับโปรเจ็กต์ 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 component = ReasonReact.statelessComponent("App");let myHttpClient = (url, _params) => { la headersDict = Js.Dict.empty();
  Js.Dict.set(headersDict, "ยอมรับ", "application/json");

  ให้ส่วนหัว =
     headersDict |> Fetch.HeadersInit.makeWithDict |> Fetch.Headers.makeWithInit;

  BsReactAdmin.FetchUtils.headersSet (พารามิเตอร์, ส่วนหัว);

  BsReactAdmin.FetchUtils.fetchJson(url, params);};ให้ dataProvider =
   BsRaDataJsonServer.getRaDataJsonServer(
    ~apiUrl="http://jsonplaceholder.typicode.com",~httpClient=myHttpClient,(),
  );มาสร้าง = _children => {
   ...ส่วนประกอบ,
  แสดงผล: _self => BsReactAdmin.(
      <div>
        <ผู้ดูแลระบบ dataProvider>
          <ชื่อทรัพยากร = "โพสต์" list=PostList.toReactJs />
        </ผู้ดูแลระบบ>
      </div>
    -
      -

 /* PostList.re */let component = ReasonReact.statelessComponent("PostList");let make = (อุปกรณ์ประกอบฉาก, _children) => {
   ...ส่วนประกอบ,
  แสดงผล: _self => BsReactAdmin.(
      <div>
        <รายการอุปกรณ์ประกอบฉาก>
          <ดาต้ากริด>
            <TextField แหล่งที่มา = "id" />
            <TextField แหล่งที่มา = "ชื่อ" />
            <TextField แหล่งที่มา = "ร่างกาย" />
          </ดาต้ากริด>
        </รายการ>
      </div>
    ),};/* จำเป็นต้องส่งสิ่งนี้ไปยังทรัพยากรเป็นองค์ประกอบ ReactJS แทนที่จะเป็นองค์ประกอบ ReasonReact * เนื่องจาก react-admin จัดการสิ่งนี้เป็นองค์ประกอบ ReactJS */let toReactJs =
   ReasonReact.wrapReasonForJs(~ส่วนประกอบ, jsProps => make(jsProps, [||]));