Reactjs 反应，道具不'；不渲染

我有一个问题，“paragraphText”和“paragraphLinkText”不能呈现。 我正在学习，所以我会感谢你的解释

导出默认函数模式（{open，onClose}，props）

如果我改变{open，onClose}和props的位置，那么这些方法就不起作用了，所以可能是这样，但我不知道为什么

console.log（打开）console.log（道具）

： 是的， 对象{}

import React, {useState} from 'react'
import './css/header.css'
import Modal from './Modal'

export default function Header(){
    const [isOpen, setIsOpen] = useState(false)
    return(
        <div className='header'>
            <div className='Sign In'><h1 onClick={() => setIsOpen(true)}>Sign In</h1></div>
            <Modal open={isOpen} onClose={() => setIsOpen(false)} paragraphText="Already have an account?" paragraphLinkText="log in"></Modal>
        </div>
    )
}

import React，{useState}来自“React”
导入“./css/header.css”
从“./Modal”导入模态
导出默认函数头（）{
常量[isOpen，setIsOpen]=useState（false）
返回(
setIsOpen（true）}>登录
setIsOpen（false）}paragraphText=“已经有帐户？”paragraphLinkText=“登录”>
)
}

从“React”导入React
从“react dom”导入react dom
//导入类
从“./登录”导入登录
//导入css
导入“./css/modal.css”
//进口剩余
从'react icons/fa'导入{FaTimes}
从“反应图标”导入{IconContext}；
导出默认函数模式（{open，onClose}，props）{
console.log（打开）
控制台日志（道具）
如果（！open）{return null}
返回ReactDom.createPortal(
登录
提交
{props.paragraphText}
{props.paragraphLinkText}

,
document.getElementById（“门户”）
)
}

问题与以下行中的React有关，而不一定与React有关：

export default function Modal({open, onClose}, props){

您将收到两个参数{open，onClose}和props

React组件收到了第一个参数中的所有道具，因此，如果您想在第二个参数中获得道具，则永远不会有道具

解决方案是使用其他道具，以便您可以抓住从顶部传下来的所有其他道具：

export default function Modal({open, onClose, ...props}){

然后，您将可以访问从顶部组件传递下来的所有道具

对于上一个解决方案，您可以执行以下操作：

export default function Modal(props){
  const {open, onClose, paragraphText, paragraphLinkText} = props;
}

<>我认为更可读。< /P>

---

如果您对此解释有疑问，请添加注释。

问题与以下行中的反应有关，而不一定与反应有关：

export default function Modal({open, onClose}, props){

您将收到两个参数{open，onClose}和props

React组件收到了第一个参数中的所有道具，因此，如果您想在第二个参数中获得道具，则永远不会有道具

解决方案是使用其他道具，以便您可以抓住从顶部传下来的所有其他道具：

export default function Modal({open, onClose, ...props}){

然后，您将可以访问从顶部组件传递下来的所有道具

对于上一个解决方案，您可以执行以下操作：

export default function Modal(props){
  const {open, onClose, paragraphText, paragraphLinkText} = props;
}

<>我认为更可读。< /P> 如果您对此解释有疑问，请添加注释