时间戳

首页 > 解决方案 > 音乐播放：输入Array中的音乐地址，输入onClick

javascript - 音乐播放：输入Array中的音乐地址，输入onClick

问题描述

再会。我有一个音乐列表，在可用的功能中，我只想让用户播放和暂停音乐，但我遇到了一个问题。onClick我必须根据我之前得到的错误写一个函数，我不能item.url.play()直接写，但是如果我用函数写，它不会识别项目。现在有什么解决办法？你说。

为了更好地理解代码

 const Musics = [
        {
            name: "это ли счастье",
            img: этолисчастьеImg,
            singer: "Rauf & Faik",
            url: этолисчастьеMusic
        },
        
        //code...
    ];

return (
        <>
            <Box className="list-box">
                {Musics.map((item) =>
                    <Grid container className="box-music">
                        <Grid item lg={3}>
                            <img src={item.img} width="80px" height="80px" className="img-box" />
                        </Grid>
                        <Grid item lg={7} className="text">
                            <Typography>
                                <h5 className="name"> {item.name} </h5>
                            </Typography>
                            <p style={{ color: "#6f009b" }}>{item.singer}</p>
                        </Grid>
                        <Grid item lg={1}>
                            <i className="fa fa-play fa-1x pley" aria-hidden="true" onClick={x}></i>
                        </Grid>
                    </Grid>
                )}
            </Box>
        </>
    );

标签： javascriptreactjsfunctiononclick

解决方案

而不是 x 尝试

() => yourfunc(项目)

您无需直接调用即可访问项目

推荐阅读