Giter Club home page Giter Club logo

Comments (4)

yjose avatar yjose commented on May 18, 2024

@leon2835 Can you provide a simple demo of your use case using the codesandbox template

from reactjs-popup.

leon2835 avatar leon2835 commented on May 18, 2024

Sorry that i try to used codesandbox/ codepen but is not working. Just assume that when I implement

  • <Popup trigger={{i18n.t("view_statistic")} } modal>
    {close =>
    (new js file here) //import TabsComponent from "../Components/Tabs"
    }
  • Then under TabsComponent is a class that contain constructor, render, componentDidMount and
    componentWillUnmount with this.isMounted = true and false.
  • Under componentDidMount contain a timer or somethings that will keep running
  • And if i close the tabs, and i click f12, it will show:
    index.js:1437 Warning: Can't perform a React state update on an unmounted component. This is a no-
    op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous
    tasks in the componentWillUnmount method.
    *Even that i already put componentDidMount and componentWillUnmount inside TabsComponent.js
    *Hope you can understand that. Thank You

from reactjs-popup.

yjose avatar yjose commented on May 18, 2024

To be honest I can’t understand what you’re trying to do. but you can use onClose to fix to delete any Subscription and I guess your problem is related to TabsComponent.js implementation not the Popup component itself

from reactjs-popup.

MANTENN avatar MANTENN commented on May 18, 2024

Am encountering this issue with preact.

from reactjs-popup.

Related Issues (20)

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.