Reactjs 如果后端服务器上没有获取音频文件，我们如何隐藏react-h5-audio-player组件

如果在reactjs+django中使用axios在后端服务器中没有获取音频文件，我们如何隐藏react-h5-audio-player组件 如果没有音频文件，我想隐藏音频组件。目前我正在使用的音频播放器和下面的代码包由我完成

                    { item.length > 0 && ( 
                        <div className="audioplayer mt-2">
                          <AudioPlayer
                            src={item.detail_set[0] ? item.detail_set[0].audio_file : null}                    
                            style={audio}
                            customAdditionalControls={[
                              <img
                                className="audiologo"
                                src={logo}
                                alt="logo"
                              />,
                            ]}
                          />
                        </div>
                      )}

{item.length>0&&（
)}

---

在这段代码中，我有详细的音频文件\u集[0]。但是详细信息集[1]没有任何音频文件。那么如何隐藏audioplayer组件？

item.length>0&&item.detail\u集[0]。音频文件&&