使用“key”属性给输出元素分配唯一标识符。当 React 显示列表时,它使用“key”属性来检查哪些元素已被添加,被移除或更改。如果没有提供“key”,React 会使用一个默认的算法,这可能导致问题。例如,当数据被过滤或排序时,这些属性很可能与以前呈现的元素不匹配。以下是一个示例:
function MyComponent(props) {
const data = props.data;
return (
{data.map((item) => (
))}
);
}
在这个例子中,每个元素都分配了一个唯一的“key”属性。这确保 React 可以正确地跟踪元素何时添加、移除或更改。
上一篇:遍历数据验证列表,选择多个工作表以打印为PDF或Excel。
下一篇:遍历数据帧