不同帖子下的相同评论
The same comments under different posts
我尝试对我的网站实施 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
}}
我尝试对我的网站实施 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
}}