無法找到一個錯誤

Question

我知道這是一個未成年人，也許是一個愚蠢的問題，但我卡在一個小時左右，我不能看到一個錯誤。這是我的代碼：

const ModalRoot = ({ modalType, modalProps, locale }) => { 
    if (!modalType) { 
    return <span />; 
    } 

    return (
    <IntlProvider 
     locale={locale} 
     key={locale} 
     messages={messagesFor(locale)} 
    > 
     <div className="backdrop"> 
     {renderAppropriateModal(modalType, modalProps)} 
     </div> 
    </IntlProvider> 
); 
}; 

控制檯在說出意外的令牌時顯示錯誤。這是爲什麼發生？

Answer 1

這可能是你的錯誤...

檢查該樣品。

錯誤的地方申報。

import React from 'react'; 

class YOURCLASS extends React.Component { 
    constructor(props) { 
    super(props); 

    } 

    //do not place this ModalRoot here 
    const ModalRoot = ({ modalType, modalProps, locale }) => { 
     //contents 
    } 

    render(){ 
    return(
     <div>{yourContent}</div> 
    ); 
    } 
} 

正確的地點申報

import React from 'react'; 

//Place it here outside the class YOURCLASS 
const ModalRoot = ({ modalType, modalProps, locale }) => { 
     //contents 
} 

class YOURCLASS extends React.Component { 
    constructor(props) { 
    super(props); 

    } 



    render(){ 
    return(
     <div>{yourContent}</div> 
    ); 
    } 
} 

如果您仍打算這樣做課內...更好的使用功能，而不是...

import React from 'react'; 

class YOURCLASS extends React.Component { 
    constructor(props) { 
    super(props); 

    } 

    //function type ModalRoot 
    ModalRoot(modalType, modalProps, locale){ 
     //contents 
     return <IntlProvider />; 
    } 

    render(){ 
    const {modalType, modalProps, locale} = this.props; 
    let yourContent = this.ModalRoot(modalType, modalProps, locale); 
    return(
     <div>{yourContent}</div> 
    ); 
    } 
} 

希望它有助於...