Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

[SPA/React] Render component with wcmmode=disabled

Avatar

Level 1

Hi, community.

I'm creating SPA site using @adobe/cq-react-editable-components. Is it possible to include some specific component with wcmmode=disabled?

In sightly we can do it like this:

<div data-sly-resource="${'path/to/resource' @ wcmmode='disabled'}"></div>

Can I have something similar in React? Like this:

import {ResponsiveGrid} from '@adobe/cq-react-editable-components';

/* ... */

class App extends React.Component {

  /* ... */

  render() {

    /* ... */

    return (

      <>

        <Header /* ... */>

          <ResponsiveGrid wcmmode="disabled" />

        </Header>

        <Layout>

          <ResponsiveGrid /* ... */ />

        </Layout>

        <Footer /* ... */ >

          <ResponsiveGrid wcmmode="disabled" />

        </Footer>

      </>

    );

  }

}

Regards,

Ivan

1 Accepted Solution

Avatar

Correct answer by
Level 2

Hi Ivan Andrianovsky​, hope it's not too late.

In the customheaderlibs.html file you defined a meta property cq:wcmmode.

You can read that value in react like the following

Regards

View solution in original post

2 Replies

Avatar

Correct answer by
Level 2

Hi Ivan Andrianovsky​, hope it's not too late.

In the customheaderlibs.html file you defined a meta property cq:wcmmode.

You can read that value in react like the following

Regards

Avatar

Level 2

HI @Pablo_Larrosa-R 
It seems that the quoted text is not appearing anymore. Could this please be reposted?
Thanks!