我正在嘗試從 laravel 路由加載數據，并在模態中請求 axios 請求，但模態主體和 btns 在模態內顯示兩次。為什么會這樣？以下是我的代碼供參考。class PopUp extends React.Component{ constructor(props) {    super(props);    this.state={        singleProject:[],        errs:''    }}singleData(){    const token = document.querySelector('meta[name="csrf-token"]');    const fd={        '_token':token.content,        'id':this.props.id,    }    return fd;}componentDidMount() {    //reuest for services    Axios.post('/single/project',this.singleData()).then(resp =>{        this.setState({singleProject:resp.data});        console.log(resp.data)    }).catch(err=>{        this.setState({errs:err})        // console.log(err)    })}render() {    const project= this.state.singleProject;    return(        <div>            <Modal show={this.props.show} onHide={this.props.onHide} size="xl" aria-labelledby="contained-modal-title-vcenter" centered>                {                    project.map(data=>(                      <React.Fragment key={data.id}>                                <Modal.Header closeButton>                                    <Modal.Title id="contained-modal-title-vcenter">                                        {data.project_name}                                    </Modal.Title>                                </Modal.Header>                                <Modal.Body  >                                <h4>Centered Modal</h4>                            <p>                            Cras mattis consectetur purus sit amet fermentum. Cras justo odio,                            dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac                            consectetur ac, vestibulum at eros.                            </p>這是我在渲染中得到的圖像我已經嘗試加載完整的數據，現在我只通過添加項目名稱向您展示，但模態數據已經在project.map區域下顯示兩次，請指導我為什么會發生這種情況