无法找到一个错误

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> 
    ); 
    } 
} 

希望它有助于...