エラーを見つけることができません

Question

私はそれがマイナーで、おそらく愚かな質問であることは知っていますが、私は見ることができないエラーで約1時間立ち往生しています。これは私のコードです：

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'; 

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

    } 

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

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

はそれが役に立てば幸い...