Я получил эту ошибку в React - «Неучите TypeError: не могу читать свойства неопределенного (чтение« совпадение »)« Может ⇐ Javascript

[Anonymous]

При создании приложения поиска видеоигр я столкнулся с проблемой, я использую отдельный API, и когда вы нажимаете на поисковую игровую карту, она должна перенести вас на новую страницу с изображением игр и краткую информацию об игре. По какой -то причине я получаю эту ошибку «Uncaught TypeError: не могу читать свойства неопределенных (чтение« совпадение »)» для моего компонента Gamedetails (в CreateParagraphs (Gamedetails.jsx: 8: 33), чтобы быть точным. Он показывает ошибку вблизи резализации REGEX, где я пытаюсь преобразовать длинный текст, который я получу из API в 3 фар. /> Я искал в Интернете ответы, но я не получил ни одного или просто не понимаю его с разными примерами, так как я все еще нуб в кодировании: D Я оставлю код своим компоненту Gamedetails.jsx ниже, если у вас есть больше вопросов, задавая, я действительно хочу добраться до нижней части этого, решение проблем-это как победить жесткого босса, его зависимость, а также релиз: D < /p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> p> a
import { useEffect, useState } from "react";
import useFetch from "../hooks/useFetch";
import { fetchGameData } from "../api";
import ScreenshotCarousel from "./ScreenshotCarousel";
import Spinner from "./Spinner";

function createParagraphs(inputString) {
const sentences = inputString.match(/[^.!?]+[.!?]+/g) || [];

const paragraphs = [];

for (let i = 0; i < sentences.length; i += 3) {
const paragraph = sentences
.slice(i, i + 3)
.join(" ")
.trim();
paragraphs.push(paragraph);
}

return paragraphs;
}

export default function GameDetails({ currentGame, goBack }) {
const [description, setDescription] = useState([]);

const { data, loading, fetchData, error, reset } = useFetch(() =>
fetchGameData({ gameSlug: currentGame.slug })
);

useEffect(() => {
(async () => {
await fetchData();
})();
}, []);

useEffect(() => {
if (data) {
const rawDescription = data.description_raw;
const paragraphs = createParagraphs(rawDescription);

setDescription(paragraphs);
}
}, [data]);

return (



Go Back


{loading ? (



) : (




{currentGame.name}







)}

);
}
< /code>
Я попытался проверить ошибки в моем синтаксисе или написании корпорации, но я ничего не смог найти. Я пробовал Googling для решений этой проблемы, но ничего не появилось, что было похоже на мой случай:/

Подробнее здесь: https://stackoverflow.com/questions/797 ... s-of-undef