React-장식 기 사용

972 단어 react.js
create-react-app 는 기본적으로 장식 기 를 지원 하지 않 습 니 다.다음 설정 을 해 야 합 니 다.package.json 을 열 면 eject 를 볼 수 있 습 니 다.npm run eject 를 실행 하면 create-react-app 에서 만 든 프로젝트 의 설정 항목 을 드 러 낼 수 있 습 니 다.
babel 플러그 인 설치
  Babel >= 7.x npm install --save-dev @babel/plugin-proposal-decorators
  [email protected] npm install --save-dev babel-plugin-transform-decorators-legacy
package.json 파일 의 babel 설정 항목 Babel>=7.x 수정
  "babel": { "plugins": [
      ["@babel/plugin-proposal-decorators", { "legacy": true }]
    ], "presets": [ "react-app" ]
  }

  [email protected]
"babel": { "plugins": [ "transform-decorators-legacy" ], "presets": [ "react-app" ]
  }

이로써 프로젝트 에 장식 기 를 사용 할 수 있 게 되 었 다.
@MyContainer
class B extends Component{
  render(){ return ( 

B

) } } export default B;

좋은 웹페이지 즐겨찾기