Mapping 如何正确使用react引导映射我的状态？

我在模态体内映射我的状态时遇到了一个问题。当我尝试渲染时，会显示模式，但它是空白的。我是不是做错了什么事，只是看不见

我的代码：

                 <Modal show={this.state.handModal}>
                            <Modal.Header>
                            <Modal.Title>Your hand</Modal.Title>
                            </Modal.Header>
                            <Modal.Body>
                                {
                                   ()=>{ if(this.state.randomHand){
                                        return(
                                              <div> 
                                                      <h5>Your Hand</h5>

                                                  {this.state.randomHand.map((card,index)=>{
                                                      return(
                                                      <div key={index}>
                                                      <p>card</p>
                                                      </div>
                                                      );
                                                  })}
                                              </div>  
                                        )
                                    }
                                    return(
                                        <div>
                                            <h5>We are picking your hand :)</h5>
                                            <Spinner animation="border" size="sm"/>
                                        </div>
                                        )
                                    }
                                }
                            </Modal.Body>
                            <Modal.Footer>
                            <Button variant="secondary" onClick={()=>{this.setState({handModal:false})}}>
                                Close
                            </Button>
                            </Modal.Footer>
                        </Modal>

你的手
{
（）=>{if（this.state.randomHand）{
返回(
你的手
{this.state.randomHand.map（（卡片，索引）=>{
返回(
卡片

);
})}
)
}
返回(
我们正在抓你的手：）
)
}
}
{this.setState（{handmodel:false}}}>
接近

试着去做

<Modal.Body>
   {this.state.randomHand ? <p>random hand</p> :  <p>We are picking your hand</p>}
</Modal.bBody>

{this.state.randomHand？random hand
：我们正在挑选你的手
}