有一个渲染用户卡的组件
\nimport React from "react";\n\nconst User = React.memo(function({id, name, isSelected, ...other}) {\n return (\n <div {...other}>\n {name} - {isSelected && "Selected"}\n </div>\n );\n});\n\nexport default User;Run Code Online (Sandbox Code Playgroud)\r\n以及渲染用户卡的父组件
\nimport React from "react";\n\nfunction Application() {\n const [users, setUsers] = React.useState([\n {id: 1, name: "John Doe #1"},\n {id: 2, name: "John Doe #2"},\n {id: 3, name: "John Doe #3"}\n ]);\n const [selectedUserId, setSelectedUserId] = React.useState(null);\n\n return users.map((user) => {\n const isSelected = selectedUserId === …Run Code Online (Sandbox Code Playgroud)