here is I facing problem image

export const FlipData = [
  {
    id: "1",
    tittle: "IT Manpower Consultant",
    points: [
      "Devops and IT consulting",
      "Renting Servers",
      "Cloud host and services",
      "Virtualizations ",
      "Security Solutions",
    ],
    detail:
      "We offer IT staffing solutions in multiple capabilities. We recruit for positions such as Devops Consulting, Systems Analyst, System Administrator, Technician, Help Desk Analyst, Security Specialist and more.",
    icon: icon,
  },
  {
    id: "2",
    tittle: "IT Managed Service's",
    points: [
      "Devops and IT consulting",
      "Renting Servers",
      "Cloud host and services",
      "Virtualizations ",`your text`
      "Security Solutions",
    ],
    detail:
      "We provide a systematic and professional approach to the management of IT service and enhances customer satisfaction through a more professional approach to service delivery.",
    icon: icon1,
  },

这是我的JSON文件，我将在这里解构数组数据，当我解构“points”对象<p>{current.points[0]}</p>或{points[0]}时，我遇到了一个问题，我得到了一个名为错误的标题。详图构件

import React from "react";
import FlipData from "./FlipBoxData";

import { Link } from "react-router-dom";

const FlipBox = () => {
  console.log(FlipData);
  return (
    <>
      <div className="flip-box">
        <div className="flip-box-heading">
          <h3>OUR iT SERVICES AND SOLUTIONS</h3>
          <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
            eiusmod tempor incididunt ut labore
          </p>
        </div>
        <div className="container1">
          <div className="flip-box-main-grid">
            <div className="flip-box-grid">
              {/* start  */}
              {FlipData.map((current, id) => {
                const { tittle, detail, icon, points } = current;
                return (
                  <>
                    <div className="flip-box-grid-1" key={id}>
                      <div className="flip-main-card">
                        <div className="flip-front">
                          <img src={icon} alt="" />
                          <h4>{tittle}</h4>
                          <p>{detail}</p>
                          <Link to="\">Read More</Link>
                        </div>
                        <div className="flip-back">
                          <div className="flip-card-scroll">
#                             <p>{points[0]}</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </>
                );
              })}
              {/* end */}
            </div>
          </div>
        </div>
      </div>
    </>
  );
};

export default FlipBox;

如何解构数组对象数组['points']？