takin17
4k
2022-06-08 16:48:29
3
95

리액트 컴포넌트에서 import 궁금합니다.


import LoginContainer from './container/login/LoginContainer';

import 'bootstrap/dist/css/bootstrap.min.css';  

class App extends Component {  
  render()
  {    
    return (
    <div className="App">
      <LoginContainer/>
    </div>  
    )
  };
}
 
export default App;          



 import LoginContainer 할때 LoginContainer를 괄호로 감싸서 {LoginContainer}

하면 redux가 안먹힙니다. 괄호를 감싸지 않고 해야 동작이 잘되는데

괄호를 하고 안하고 차이가 어떤 의미인지 궁금합니다.
 
0
  • 답변 3

  • zhaogo
    258
    2022-06-08 16:59:53

    괄호를 하면 함수를 경로에 적합한 함수를 임포트하고

    괄호를 안하면 파일 전체를 임포트 햇던 거 같아요


    LoginContainer에 export default 되잇을꺼같은데
    지우고 함수앞에 export 해서 써보세용

  • LostStarz
    185
    2022-06-08 17:22:18

    아래 내용인듯 합니다.

    https://ko.javascript.info/import-export

  • takin17
    4k
    2022-06-08 17:51:14

    답변 주셔서 많은 도움이 되었습니다 감사합니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.