Блог

Я столкнулся с проблемой, связанной с исправлением ошибки.

Я получаю данные из базы данных. данные ( объект ) содержат массив имен. У меня есть крючок useState, который содержит массив объектов. Значение-это имена. Я хочу удалить каждый объект из крючка useState, который содержит имя из массива, полученного для базы данных.

Опыт:

 response.data.players = ["player1", "player2"]

const [names, setNames] = useState([
{value: "player1", label: "player1"},
{value: "player3", label: "player3"},
{value: "player2", label: "player2"},
{value: "player5", label: "player5"},
])
 

Я хочу, чтобы имена стали такими:

 [
{value: "player3", label: "player3"},
{value: "player5", label: "player5"},
]
 

с минимальной временной сложностью ( я уже использую .map для обслуживания других крючков с именами, если я смогу его использовать, он идеально подойдет для временной сложности )

Спасибо

Для меня это просто звучит как фильтр. Разве ты не можешь просто сделать что-то подобное:

 setNames(names.filter(name => !response.data.players.includes(name.label)))
 

Для справки, вот что работает без React:

 const names = [{
    value: "player1",
    label: "player1"
  },
  {
    value: "player3",
    label: "player3"
  },
  {
    value: "player2",
    label: "player2"
  },
  {
    value: "player5",
    label: "player5"
  },
];

const response = {
  data: {
    players: ["player1", "player2"],
  },
};


const filteredNames = names.filter(name => !response.data.players.includes(name.label))

console.log(filteredNames); 

Вы можете эффективно достичь результата, используя набор и фильтр

 const names = [
  { value: "player1", label: "player1" },
  { value: "player3", label: "player3" },
  { value: "player2", label: "player2" },
  { value: "player5", label: "player5" },
];

const players = ["player1", "player2"];

const set = new Set(players);
const result = names.filter(({ label }) => !set.has(label));
console.log(result);