• English

      • 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 }
      },
    })
  ],
})