我正在嘗試從 laravel 路由加載數(shù)據(jù)，并在模態(tài)中請(qǐng)求 axios 請(qǐng)求，但模態(tài)主體和 btns 在模態(tài)內(nèi)顯示兩次。為什么會(huì)這樣？以下是我的代碼供參考。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>這是我在渲染中得到的圖像我已經(jīng)嘗試加載完整的數(shù)據(jù)，現(xiàn)在我只通過(guò)添加項(xiàng)目名稱向您展示，但模態(tài)數(shù)據(jù)已經(jīng)在project.map區(qū)域下顯示兩次，請(qǐng)指導(dǎo)我為什么會(huì)發(fā)生這種情況