我有一个动态手风琴.我正在从后端接收消息.但每个手风琴上都印着.我正在共享代码

import React, { useState, useEffect } from "react";

import ApplicantDash from "./ApplicantDash";
import {
  Accordion,
  AccordionSummary,
  AccordionDetails,
  Typography,
} from "@material-ui/core";
import * as FcIcons from "react-icons/fc";

import ApplicantService from "../services/ApplicantService";

export default function AvailJobs() {
  const [aplcntEmail, setAplcntEmail] = useState("aman@gmail.com"); //change to aplcntemail
  const [isShow, setIsShow] = useState(false);
  const [msg, setMsg] = useState([""]);
  const [job, setJob] = useState([
    {
      jobTitle: "",
      dateOfPosting: Date,
      lastDateToApply: new Date().toLocaleDateString([], {
        year: "numeric",
        month: "long",
        day: "numeric",
      }),
      preferableSkills: [],
      requiredExp: 0,
      recruiterEmail: "",
      companyName: "",
      companyAddress: "",
      
    },
  ]);

  useEffect(() => {
    const data = ApplicantService.getAllJobs()
      .then((response) => {
        console.log(response.data);
        setJob(response.data);
      })
      .catch((error) => {
        alert(error.response.data);
      });
  }, []);

  const onApplyButton = (item,key) => {
     const data2 = ApplicantService.applyForJob(aplcntEmail, item)
      .then((response) => {
        console.log(response.data);
        setIsShow(true);
        setMsg(response.data)
    
      })
      .catch((error) => {
        setIsShow(true);
        setMsg(error.response.data);
        
      });
  };
  return (
    <div>
      <ApplicantDash />
      <div className="container bg-light">
        <div className="card-bodies">
          <section className="mb-4">
            <h2 className="h1-responsive font-weight-bold text-center my-4">
              All Available jobs
            </h2>
          </section>
          {job.map((item, key) => (
            <>
            
              <Accordion key={key}>
                <AccordionSummary
                  expandIcon={<FcIcons.FcExpand />}
                  aria-controls="panel1a-content"
                  id="panel1a-header"
                  className="Accordian"
                >
                  <Typography>
                    <div className="d-flex p-1 justify-content-evenly">
                      <div className="p-1">
                        <b> Job: </b> {item.jobTitle}
                      </div>
                      <div className="p-2"></div>
                      <div className="p-1">
                        <b> Company: </b> {item.companyName}
                      </div>
                      <div className="p-2"></div>
                      <div className="p-1">
                        <b> Last Date: </b> {item.lastDateToApply}
                      </div>
                    </div>
                  </Typography>
                </AccordionSummary>
                <AccordionDetails>
                  <Typography>
                    <div className="container">
                      <table class="table table-borderless">
                        <tbody>
                          <tr>
                            <td>JOB TITLE</td>
                            <td>:</td>
                            <td>
                              <b>{item.jobTitle}</b>
                            </td>
                          </tr>
                          <tr>
                            <td>Company</td>
                            <td>:</td>
                            <td>
                              <b>{item.companyName}</b>
                            </td>
                          </tr>
                          <tr>
                            <td>Address</td>
                            <td>:</td>
                            <td>
                              <b>{item.companyAddress}</b>
                            </td>
                          </tr>
                          <tr>
                            <td>Last Date to Apply</td>
                            <td>:</td>
                            <td>
                              <b>{item.lastDateToApply}</b>
                            </td>
                          </tr>
                          <tr>
                            <td>Experience</td>
                            <td>:</td>
                            <td>
                              <b>{item.requiredExp}</b>
                            </td>
                          </tr>
                          <tr>
                            <td> Skills </td>
                            <td>:</td>
                            <td>
                              <table className="table table-condensed w-auto table-borderless table-hover">
                                {item.preferableSkills.map((S, index1) => {
                                  return (
                                    <tbody key={index1}>
                                      <td scope="col">
                                        {index1 + 1}.<b>{S}</b>
                                      </td>
                                    </tbody>
                                  );
                                })}
                              </table>
                            </td>
                          </tr>
                          <tr>
                            <td></td>
                            <td></td>
                            <td>
                              <button
                                type="button"
                                class="btn btn-primary"
                                onClick={() => onApplyButton(item,key)}
                              >
                                Apply for the job{" "}
                              </button>
                            </td>
                          </tr>
                        </tbody>
                          {isShow && <> 
                            {msg}
                         </>}
                      </table>
                    </div>
                  </Typography>
                </AccordionDetails>
              </Accordion>
            </>
          ))}
        </div>
      </div>
    </div>
  );
}

现在，当我点击"申请这份工作"按钮时.我从后端收到的消息仅打印到活动的accordion

enter image description here

正如您所看到的，后端的响应是在手风琴的两个