2022/11/17 - React trouble

onText, onBackground, onCircle

리액트에서는 on과 관련된 접두사 같은 경우 이벤트핸들러와 자주 사용되기 때문에 on을 시작하는 단어로 props를 사용하는 경우에는 에러를 만날 수 있다. on으로 시작하는 props는 이벤트만 사용하자

 

파일 경로 찾기

import를 사용할 때 “./filename.jsx”대신에 “./filename”과 같이 사용하고 싶은 경우,

module: {
    rules: [
      {
        test: /\\.(js)|(jsx)|(json)$/,
        resolve:{
          fullySpecified:false,
        }
      },
    ]
  },

commonJS를 사용하지 않는 한, fullySpecified: false를 사용해야한다.

 

ESBuild에서 react 주입하기

리액트 18버전 같은 경우에는

import react from "react"

babel이 react18를 import하지 않아도 import한 것과 같은 효과를 가지고 있다. ESBuild에서는 이와 비슷한 효과를 사용하려면 webpack에있는 플러그인을 사용해야한다.