[✍練習][🚧進行中][react] 使用ramda整理資料

ramda 一款實用的 JavaScript 函數编程库

安裝 ramda

$ npm install ramda

使用

import * as R from “ramda”;

過濾資料

const datas = [
  {
    name: "Cupcake",
    pri: 1,
    status: "OPEN",
    type: "blog",
    protein: 4.3
  },
  {
    name: "Donut",
    pri: 2,
    status: "OPEN",
    type: "go",
    protein: 4.9
  },]

找出所有datas.name="Cupcake"的資料
let f = R.filter(R.propEq("name", "Cupcake"), datas);

延伸用法介紹

JavaScript 的 map() function

Array.prototype.map()map() 方法會建立一個新的陣列，其內容為原陣列的每一個元素經由回呼函式運算後所回傳的結果之集合。
Array.prototype.map()

react 列表與 Key

含 index 輸出介紹範例
react lists-and-keys

👇👇👇 未完待續 您可以拉到底部先看參考文章 👇👇👇

---

練習區 ✍

• 持續練習並更新

網路參考文章

• 官方文檔
• 中文官方文黨
• Display JSON Data in React JS
• Ramda,从开始到重构