Lynx

Home > @lynx-js/react-rsbuild-plugin > CompatVisitorConfig > addComponentElement

CompatVisitorConfig.addComponentElement property

Controls whether to add wrapper elements for components

Signature:

addComponentElement: boolean | AddComponentElementConfig

Remarks

Default value: false

Example 1

Add a <view> wrapper element for all components during runtime.

import { defineConfig } from '@lynx-js/rspeedy'
import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'

export default defineConfig({
  plugins: [
    pluginReactLynx({
      compat: {
        addComponentElement: true
      },
    })
  ],
})

Example 2

Only add component element during compilation. Note that this only take effects on Component imported from CompatVisitorConfig.oldRuntimePkg.

import { defineConfig } from '@lynx-js/rspeedy'
import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin'

export default defineConfig({
  plugins: [
    pluginReactLynx({
      compat: {
        addComponentElement: { compilerOnly: true }
      },
    })
  ],
})

#CompatVisitorConfig.addComponentElement property

#Remarks

#Example 1

#Example 2

CompatVisitorConfig.addComponentElement property

Remarks

Example 1

Example 2