У меня есть многолетний проект, созданный на Joomla. Используя REST API Джумлы получил JSON из базы данных MySQL. Задача - обновить сайт и сделать его на Next, параллельно попрактиковаться. Столкнулся с проблемой - при вставке тела статьи в компонент, в браузере отображаются все теги. Перечитал множество форумов, но как решить вопрос на Реакт, так и не нашел.
Ссылка на пример получаемого JSON: https://sketchok.com/api/v1/content/item/1902
Ниже привел код компонента
Буду очень признателен за подсказку!
export default class Article extends React.Component {
state = {
title: null,
body: null,
};
componentDidMount() {
fetch("https://sketchok.com/api/v1/content/item/1902")
.then((res) => res.json())
.then((data) => {
this.setState({
title: data.article.title,
body: data.article.fulltext
});
});
}
render() {
return (
<Layout>
<h1>{this.state.title}</h1>
<div>{this.state.body}</div>
<Link href="/">
<a>Home</a>
</Link>
<p>Text</p>
</Layout>
);
}
}