可以使用React的高阶组件(HOC)来实现可更改并带有包装器属性的React组件。

下面是一个基本的示例：

import React from 'react'

// 高阶组件，接收一个包装器组件和一些属性并返回一个新的组件
const withWrapper = (Wrapper, wrapperProps) => Component => {
  // 返回一个新的组件
  return props => {
    // 将包装器和属性应用到原始组件中
    return (
      
        
      
    )
  }
}

// 原始组件
const MyComponent = props => {
  return 
{props.text}
}

// 将原始组件用一个包装器进行包装并添加一些额外的属性
const WrappedComponent = withWrapper(
  MyComponent, 
  {style: {backgroundColor: '#EEEEEE'}}
)(props => 
  <>
    
Welcome to my website!
    
  
)

// 渲染包装组件
const App = () => {
  return (
    

      
    
  )
}

export default App

在上面的示例中，withWrapper函数是一个高阶组件，用于接收一个包装器组件和一些属性，并返回一个新的组件。MyComponent是原始组件，而WrappedComponent是将MyComponent用包装器进行包装并添加一些额外属性的新组件。最后，将WrappedComponent组件渲染到App组件中。

在使用高阶组件时，可以根据需要将多个包装器嵌套在一起来组成更复杂的组件。