Results 1 to 2 of 2

Thread: Ext-React not usable with the classic toolkit !

    You found a bug! We've classified it as EXTJS-27496 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Mar 2010
    Posts
    14

    Default Ext-React not usable with the classic toolkit !

    Standard html elements (like <div />) are not rendered when using ext-react with the classic toolkit !

    Steps to reproduce:

    Install and run the example here https://github.com/eucaos/ext-react-6.6-bug

    OR

    1. Install ext-react classic toolkit boilerplate from here https://github.com/sencha/ext-react/...ic-boilerplate
    2. In https://github.com/sencha/ext-react/...e/src/index.js file change

    <ExtReact>
    <AppContainer>
    <Component />
    </AppContainer>
    </ExtReact>


    To


    <ExtReact>
    <AppContainer>
    <div>asd</div>
    </AppContainer>
    </ExtReact>


    3. Run the application with npm start
    4. Exception is thrown


    ExtRenderer.js:179 Uncaught TypeError: Cannot read property 'dom' of undefined
    at finalizeInitialChildren (ExtRenderer.js:179)
    at completeWork (react-reconciler.development.js:6146)
    at completeUnitOfWork (react-reconciler.development.js:7751)
    at performUnitOfWork (react-reconciler.development.js:7928)
    at workLoop (react-reconciler.development.js:7940)
    at renderRoot (react-reconciler.development.js:7980)
    at performWorkOnRoot (react-reconciler.development.js:8598)
    at performWork (react-reconciler.development.js:8520)
    at performSyncWork (react-reconciler.development.js:8492)
    at requestWork (react-reconciler.development.js:8392)




    I traced the problem back to this to lines in Extrenderer.js


    var cmp = Ext.create({ xtype: 'component', cls: 'x-react-element' });
    ReactDOM.render(React.createElement(type, props, props.children), cmp.el.dom);


    "el" is undefined on "cmp", which is not the case if you use the modern toolkit.
    The Ext.create function provides the "el" field when using the modern toolkit.

  2. #2
    Sencha - Forum Administrator
    Join Date
    Sep 2017
    Posts
    1,006

    Default

    Thank you for bringing this to our attention. I have sent this over to a support team member for them to review.

Similar Threads

  1. Ext Js 6.5 Differences Classic and Modern Toolkit
    By sadojo in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 19 Jan 2018, 8:23 AM
  2. Classic toolkit sdk
    By geniny in forum Q&A
    Replies: 1
    Last Post: 19 May 2017, 12:57 PM
  3. How to use classic toolkit in tablet
    By alfa19 in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 6 Jul 2015, 6:44 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •