Results 1 to 5 of 5

Thread: ExtReact 6.6 does not work with normal React components

    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

    Exclamation ExtReact 6.6 does not work with normal React components

    I'm trying to upgrade an app from ExtReact 6.5.x to ExtReact 6.6, but it looks like it does not work with "normal" React components anymore.

    The main component in my app is wrapped by a decorative React component that does not use ExtReact.

    First I tried to wrap everything with the <ExtReact> component:
    Code:
    launch((
        <ExtReact>
            <MyContainer>
                <App/>
            </MyContainer>
        </ExtReact>
    ));
    The parent container is rendered, but nothing else. ExtReact component are not "reactified".

    If I only wrap the main ExtReact component:
    Code:
    launch((
        <MyContainer>
            <ExtReact>
                 <App/>
            </ExtReact>
        </MyContainer>
    ));
    Then the content is rendered on top of the parent container!

    I could probably fix that with CSS, but I think this is only a symptom of a large bug, or design flaw. Everywhere I mix ExtReact components with normal React components (cell renderer) everything breaks.

    I've created a very simple app that shows the problem:
    https://github.com/freongrr/ext-react-66-does-not-work

    Same code works with ExtReact 6.5 and React 15:
    https://github.com/freongrr/ext-reac...d-ExtReact-6.5

  2. #2

    Default

    I am facing an issue that may be related. I just upgraded to ExtReact 6.6.0.

    I am using react-intl in my applications and things work fine if I have:
    Code:
    <Container>
    <FormattedMessage id="myId" />
    </Container>
    but it does not if I have:
    Code:
    <Container>
    <p><FormattedMessage id="myId" /></p>
    </Container>
    Saying that IntlProvider is not present in the component hierarchy despite the fact that it is. It makes me think that ExtReact 6.6 is not playing very well with regular html or regular React components

  3. #3

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

    Default

    Sorry for the delay- I am sending this over to the support team and we will look into this. We appreciate your patience while we work on a solution.

    Thank you,
    Michele

  5. #5
    Sencha User
    Join Date
    Aug 2018
    Location
    Novi Sad, Serbia
    Posts
    5

    Default

    Was there some fix on this from ExtReact 7.0.0? Because on ExtReact 7.0.0 it is still bugging.

Similar Threads

  1. Replies: 0
    Last Post: 11 Apr 2018, 6:51 AM
  2. Timing for next update of React / Webpack / ExtReact
    By Necro-Engineering in forum Q&A
    Replies: 1
    Last Post: 4 Apr 2018, 2:23 PM
  3. Replies: 1
    Last Post: 14 Feb 2018, 8:40 PM
  4. ExtReact with React Router
    By j.ashworth in forum Q&A
    Replies: 1
    Last Post: 5 Sep 2017, 6:38 AM
  5. Replies: 6
    Last Post: 31 Jul 2017, 7:06 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
  •