Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
202 views
in Technique[技术] by (71.8m points)

javascript - How do create this type of json reponse in React Js (Node Js API)

Node js API Response i got

[
    {
        "selected": true,
        "date": "2021-01-15",
        "selectedColor": "#2ecc71"
    },
    {
        "selected": true,
        "date": "2021-01-16",
        "selectedColor": "#e74c3c"
    },
]

Node Js API Response for React Js (react-native-calendars) i want

markedDates={{
    '2021-01-15': {selected: true, selectedColor: '#e74c3c'},
    '2021-01-16': {selected: true, selectedColor: '#2980b9'}
}}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

Working code with ES6:

const input = [
  {
      "selected": true,
      "date": "2021-01-15",
      "selectedColor": "#2ecc71"
  },
  {
      "selected": true,
      "date": "2021-01-16",
      "selectedColor": "#e74c3c"
  },
]

const format = input => {
  const obj = {};
  input.forEach(inp => {
    const { selected, date, selectedColor } = inp;
    obj[date] = { selected, selectedColor };
  });
  return obj;
}

console.log(format(input));

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...