在React中,可以使用Array.filter()和Array.find()方法来比较两个对象数组并呈现不匹配的值。以下是一个示例:
const firstArray = [ { id: 1, name: 'apple' }, { id: 2, name: 'banana' }, { id: 3, name: 'orange' } ];
const secondArray = [ { id: 2, name: 'banana' }, { id: 3, name: 'orange' }, { id: 4, name: 'peach' } ];
const nonMatchingValues = firstArray.filter((firstObj) => { return !secondArray.find((secondObj) => { return firstObj.id === secondObj.id; }); });
在这个例子中,我们首先定义了两个对象数组firstArray和secondArray。然后,我们使用filter()方法从第一个数组中过滤掉找到在第二个数组中匹配的对象,从而得出了non-matching的值。最后,我们可以在React组件中使用这些值进行渲染。