Fehler kann nicht gefunden werden

Question

ich weiß, es ist eine kleine und vielleicht ein Narr Frage, aber ich bin für etwa eine Stunde bei einem Fehler stecken, die ich nicht sehen kann. Das ist mein Code:

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

Die Konsole zeigt einen Fehler in der wenn unerwarteten Token sagen. Warum passiert dies??

Answer 1

Dies kann Ihr Fehler sein ...

Überprüfen Sie diese Beispiele.

Falscher zu deklarierender Ort.

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

rechten Ort

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

wenn Sie noch es in der Klasse ... bessere Nutzung Funktion statt ...

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

hoffen, dass es vorhat erklären hilft ...