Coder Social home page Coder Social logo

react-dynamic-route's People

Contributors

min9nim avatar

Watchers

avatar avatar

react-dynamic-route's Issues

create-react-library 으로 들어가기

  • CRL 이용해서 예제 폴더 만들고 테스트케이스 추가하기
    • 대상 컴포넌트에서 자기 자신 경로로 history.push 하는 경우에 대한 테스트케이스 확보 필요
    • 마지막에 .git 폴더만 복사해 넣으면 되는거자네?
  • 그리고 window.location.pathname 제거(SSR을 위해)
    • 근데 이게 사실 필요한가 싶기도 하다. 일단 그냥 SSR 지원은 안하는 것으로 가도 될 듯하다.

react-router-dom 6.1.1 에서 안되는 거 같음

CRA5.0 에서 사용할 때 아래와 같은 이상한 오류가 발생함.

버젼 차이 문제 같으음..;

A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.
error-component-stack

    at Route (http://localhost:3000/static/js/bundle.js:242325:11)
    at DynamicRoute
    at Routes (http://localhost:3000/static/js/bundle.js:14559:82)
    at DndProvider (http://localhost:3000/static/js/bundle.js:259978:5)
    at QueryClientProvider (http://localhost:3000/static/js/bundle.js:238549:21)
    at Suspense
    at NavigationScroll (http://localhost:3000/static/js/bundle.js:8601:5)
    at InnerThemeProvider (http://localhost:3000/static/js/bundle.js:55808:70)
    at ThemeProvider (http://localhost:3000/static/js/bundle.js:55465:5)
    at ThemeProvider (http://localhost:3000/static/js/bundle.js:55828:5)
    at ErrorBoundary (http://localhost:3000/static/js/bundle.js:836:5)
    at StyledEngineProvider (http://localhost:3000/static/js/bundle.js:55654:5)
    at App (http://localhost:3000/static/js/bundle.js:538:81)
    at Router (http://localhost:3000/static/js/bundle.js:242340:15)
    at BrowserRouter (http://localhost:3000/static/js/bundle.js:241819:5)
    at Provider (http://localhost:3000/static/js/bundle.js:239256:20)

CRA5.0 의 package.json

        "react": "^18.1.0",
        "react-apexcharts": "^1.3.7",
        "react-datepicker": "^4.8.0",
        "react-device-detect": "^1.17.0",
        "react-dnd": "^16.0.1",
        "react-dnd-html5-backend": "^16.0.1",
        "react-dom": "^18.1.0",
        "react-dynamic-route": "^0.1.2",
        "react-hot-loading": "^0.0.2",
        "react-hot-toast": "^2.2.0",
        "react-perfect-scrollbar": "^1.5.8",
        "react-query": "^3.34.5",
        "react-redux": "^7.2.3",
        "react-router": "6.1.1",
        "react-router-dom": "6.1.1",
        "react-scripts": "5.0.1",

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.