오류를 찾을 수 없습니다

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

그것이 도움이되기를 바랍니다 ...