问题描述
我尝试对我的网站实施disqus-react。我按照文档编写了代码,但是所有帖子上的评论都是相同的。
出于实验的纯正性,我尝试使用标识符“ test123”并期望看到一个新的空注释线程,但令我惊讶的是,注释的加载方式与以往一样
import React,{ useState,useEffect } from 'react';
import { Container } from 'react-bootstrap';
import { useParams } from 'react-router-dom';
import disqus from 'disqus-react';
export default function ItemDescription() {
const [loadedItem,setLoadedItem] = useState(null);
const { itemId } = useParams();
useEffect(() => {
const fetchItem = async () => {
try {
const responseData = await fetch(
`${process.env.REACT_APP_BACKEND_URL}/items/${itemId}`,);
setLoadedItem(responseData.item);
} catch (error) {
console.log(error);
}
};
fetchItem();
},[itemId]);
return (
<Container>
/*Some content here*/
<disqus.discussionEmbed
shortname={urlFromdisqusWebSite}
config={{
url: myProdUrl,// https://myexample.com
identifier: loadedItem.id,// unique on every post
title: loadedItem.title,// unique on every post
}}
/>
</Container>
);
}
解决方法
我不知道如何使用,但是对我有用:
config={{
url: `${myProdUrl}/${loadedItem.id}`,// https://myexample.com/article32
identifier: `#${loadedItem.id}`,// #article32
}}