Блог

я разрабатываю свое внешнее приложение с помощью next.js и машинописный текст, и я пытаюсь отфильтровать массив, чтобы показывать только тех пользователей, которых вы ищете, как в строке поиска, но он возвращает меня всегда неопределенным.

Позвольте мне показать вам немного моего кода.

Во-первых, функция, которую я сделал filteredUsers

 const [searchBar, setSearchBar] = useState<boolean>(false);

  const [results, setResults] = useState<string>("");

  // Searchbar users

  if (typeof window !== "undefined") {
    const userId: dataObject = JSON.parse(localStorage.getItem("Auth"));
    var { data }: multipleUsers = useSWR(
      "http://localhost:5000/api/user/allU/"   userId.user.id
    );
  }

  const filteredUsers = useMemo(() => {
    data !== undefined amp;amp;
      data.filter(user => {
        return user.name.toLowerCase().includes(results.toLowerCase());
      });
  }, [results]);

  console.log(filteredUsers);
  console.log(results);
 

Теперь интерфейсы, позволяющие понять, какого типа данных я ожидаю

 // User representation

type user = {
  id?: string;
  name?: string;
  email?: string;
  password?: string;
  friends?: [];
  banner?: string;
  perfil?: string;
};

export interface IuserData {
  data: user;
}

export type multipleUsers = { data: user[] };

 

Теперь позвольте мне показать вам, что показывает мне console.log()

Первое значение-это данные, которые я получаю.

Второй — результат моей функции, которая всегда не определена

Третий-это значение моего вклада

Что я могу сделать, чтобы получить результаты, которые я ищу, основываясь на значении моих входных данных ?

Спасибо, что уделили мне время !

Добавьте data ко useMemo второму аргументу, поэтому [results] обратитесь к [data, results] . В противном случае он всегда использует данные в качестве начального значения, с неопределенным