Javascript 从事件处理程序函数获取对象属性

Javascript 从事件处理程序函数获取对象属性,javascript,function,Javascript,Function,为什么“onClick=onClickRemove(items.objectID)”没有定义错误项: 数组列表: const list = [ { title: 'React', author: 'Jordan Walke', objectID: 0, }, { title: 'Redux', author: 'Dan Abramov, Andrew Clark', objectID: 1, }, ] map的提取函数:这里onClickremove(items.objectID)没有从ite

为什么“onClick=onClickRemove(items.objectID)”没有定义错误项: 数组列表:

const list = [
{
title: 'React',
author: 'Jordan Walke',
objectID: 0,
},
{
title: 'Redux',
author: 'Dan Abramov, Andrew Clark',
objectID: 1,
},
]
map的提取函数:这里onClickremove(items.objectID)没有从items数组中获取属性?为什么请解释

function extractProps(items){
    var x = "<div> <span>" +items.title+", </span> <span>"+items.author +
        "</span><span>
<button type='button' onClick='onClickRemove(items.objectID)'>Remove</button></span></div> "
return x;
}
主要功能:

   function myFunc(searchitem=''){

        document.getElementById('root').innerHTML = "";
        var y= list.filter( (item) => item.title.toLowerCase().includes(searchitem.toLowerCase())).map(extractProps).join("");;

    document.getElementById('root').innerHTML = filteredList;
    }
    myFunc();
看看这个:

const list=[
{标题:'React',作者:'Jordan Walke',对象ID:0,},
{标题:'Redux',作者:'Dan Abramov,Andrew Clark',目标:1,}
]
功能提取道具(道具){
var x=”“+items.title+”,“+items.author+
“删除”
返回x;
}
函数onClickRemove(id){
控制台日志(id)
//const updatedList=list.filter(isNotId=(item)=>item.objectID!==id);
//console.log(id);
//mapFilteredArray(更新列表);
}
函数myFunc(searchitem=''){
document.getElementById('root').innerHTML=“”;
var filteredList=list.filter((item)=>item.title.toLowerCase().includes(searchitem.toLowerCase()).map(extractProps.join(“”);;
document.getElementById('root')。innerHTML=filteredList;
}
myFunc()

解决了这个问题,谢谢,我还想问我如何删除列表?如何重新呈现列表?函数onClickRemove(id){console.log(id)const updatedList=list.filter(isNotId=(item)=>item.objectID!==id);console.log(id);}@OsamaSohail您的意思是从列表中删除一个项目吗?单击删除按钮时,将执行onClickRemove函数以删除该特定列表,现在,我希望更新后的列表显示在divjust call
myFunc
中,在删除一个项目后
onClickRemove
中。作为一个建议:试试react。实际上这是《学习react之路》一书中react的一个例子,我想用纯javascript实现它
   function myFunc(searchitem=''){

        document.getElementById('root').innerHTML = "";
        var y= list.filter( (item) => item.title.toLowerCase().includes(searchitem.toLowerCase())).map(extractProps).join("");;

    document.getElementById('root').innerHTML = filteredList;
    }
    myFunc();