Массив не отображается

Question

У меня есть массив, и я хочу отобразить каждый элемент. Но функция карты не работает.

export default function SearchField() {

const renderResults = () => {
  console.log('array: ', array); // array is consoled
  return array.map(element => {
    console.log('element', element); // nothing is consoled
    return true;
  });
};

  return (
    <div>{renderResults()}</div>
  );
}

Вот мой массив. Это утешается. Но его элементы не являются отображением и утешением.

Answer 1

только вы забыли добавить фигурные скобки

  const renderResults = () => {
  console.log('searchResult', searchResult); // searchResult array is fine here

  searchResult.forEach(element => {
    console.log('element', element);
  });

  searchResult.map(item => {
    console.log('res', searchResult);

   return (
     <div>{item.title}</div>
    );
   });
 }

Answer 2

¿Вы уверены, что это утешается? потому что массив не входит в консоль

Answer 3

export default function SearchField() {
  const [searchResult, setSearchResult] = useState([]);

  const handleSearch = e => {
    setSearchResult(search.elementsFound(e.target.value));
  };

  const renderResults = () => {
      console.log('searchResult', searchResult); // searchResult array is fine here

      // does not work
      searchResult.forEach(element => {
        console.log('element', element);
      });

      // also does not work
      return searchResult.map(item => {
        console.log('res', searchResult);

         return (
          <div>{item.title}</div>
         );
     });
  }

  return (
    <div>
      <input placeholder="search..." onInput={handleSearch} />
      {renderResults()}
    </div>
  );
}

Вам необходимо вернуть результаты с .map.