避免使用单一元素组件中的双重组件，可以通过将双重组件移动到父组件中来解决。这样可以避免在单一元素组件中嵌套另一个组件。

以下是一个使用React的代码示例，演示了如何解决这个问题：

// 双重组件
const InnerComponent = () => {
  return 
Inner Component
;
};

// 父组件，将双重组件移动到父组件中
const ParentComponent = () => {
  return (
    

      
Parent Component
      
    
  );
};

// 使用父组件
const App = () => {
  return (
    

      
App
      
    
  );
};

ReactDOM.render(, document.getElementById('root'));

在上面的例子中，我们将双重组件InnerComponent移动到了父组件ParentComponent中，并在父组件中使用它。这样就避免了在单一元素组件ParentComponent中嵌套另一个组件。

注意，由于InnerComponent现在是ParentComponent的一部分，它可以访问ParentComponent的props和state。