小编Kof*_*ent的帖子

当Next Js Image组件与外部镜像一起使用时，需要在next.js配置文件中输入镜像源的域名。对于来自多个域的多个图像（例如，100 个不同的图像 URL），我如何能够在 next.js 配置文件中输入所有 100 个域。为了节省时间，而不是手动输入数百个域名，最好的方法是什么？谢谢

我Console.log('Dynamic page')在 NextJs 中添加了一个动态页面，但我意识到它记录了两次而不是一次。我将日志函数移至具有空数组依赖项的 useEffect 中，但它仍然记录了两次。这里可能有什么问题？谢谢

代码/topics/[articleId].js：

import { useRouter } from 'next/router'
import { useEffect } from "react"
import Image from "next/image"
import Link from "next/link"
import ExcitedSVG from '../../../components/reaction-icons/excited'
import HappySVG from '../../../components/reaction-icons/happy'
import InLoveSVG from '../../../components/reaction-icons/in-love'
import NotSureSVG from '../../../components/reaction-icons/not-sure'
import SillySVG from '../../../components/reaction-icons/silly'
import ArticleStyles from "../../../components/styles/article.module.css"

export default function Article(){

    useEffect(()=>{
        console.log('Log once'); <--- //It logs twice instead
    },[])

    return (
        <div className={`${ArticleStyles.articlePg} pt-5`}>
            Component content            
        </div>
    )
}

我在网上搜索了很多地方，但似乎无法在任何地方找到明确且直截了当的答案。给定父组件中的这个循环以输出子组件列表，我将一个对象作为道具发送到这样的子组件

<div v-for="review in reviews">
  <ReviewsReview v:bind={review} :key="venuceReview.id" />
</div>

每个都review Object将采用这种格式

{
 "_id": "58c03ac18060197ca0b52d51",
 "author":  3,
 "user":  2,
 "comment": "I tried this place last week and it was incredible! Amazing selection of local and imported brews and the food is to die for! ",
 "score": 5,
 "date": "2017-03-08T17:09:21.627Z"
}

我的问题是如何使用此处检索子组件中的道具defineProps()：

<script setup>
import ReviewStyles from "./review.module.css"

const props = defineProps()
</script>

提前致谢