Javascript 将带有参数的函数传递给映射元素
函数Javascript 将带有参数的函数传递给映射元素,javascript,reactjs,parameters,map-function,Javascript,Reactjs,Parameters,Map Function,函数changeVideo的定义如下: changeVideo(url) { alert(url) } 我正在尝试将其传递给多个映射图像。 以下是接收changeVideo并将其映射到所述图像的函数视频是一个对象。changeVideo接收的url是videos对象的属性 function videoList(videos, changeVideo) { return Object.keys(videos).map((key) => { return (
changeVideo
的定义如下:
changeVideo(url) {
alert(url)
}
我正在尝试将其传递给多个映射图像。
以下是接收changeVideo并将其映射到所述图像的函数<代码>视频是一个对象。changeVideo
接收的url是videos
对象的属性
function videoList(videos, changeVideo) {
return Object.keys(videos).map((key) => {
return (
<div>
<img
onClick={() => this.changeVideo(videos[key].url)}
/>
</div>
);
});
}
在这个过程中的某个地方,我错误地传递了
changeVideo
。谢谢你的关注 此视频列表中的没有changeVideo
属性,但由于您已经将其作为函数传递,请直接使用changeVideo
:
this.changeVideo(videos[key].url
更改为changeVideo(videos[key].url
this.changeVideo(videos[key].url)
->changeVideo(videos[key].url)
修复了“eet”
<div className="videoList">
{videoList(this.state.videos, this.changeVideo)}
</div>