要实现编辑器集成图像横屏和竖屏的功能，可以使用以下代码示例：

1. 创建一个名为ImageEditor的组件，用于展示和编辑图像。

import React from 'react';

class ImageEditor extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      image: null,
      orientation: 'horizontal',
    };
  }

  handleOrientationChange = () => {
    this.setState(prevState => ({
      orientation: prevState.orientation === 'horizontal' ? 'vertical' : 'horizontal',
    }));
  }

  handleImageChange = (e) => {
    const file = e.target.files[0];
    const reader = new FileReader();

    reader.onload = (event) => {
      this.setState({
        image: event.target.result,
      });
    };

    reader.readAsDataURL(file);
  }

  render() {
    const { image, orientation } = this.state;

    return (
      

        切换方向
        
        {image && }
      
    );
  }
}

export default ImageEditor;

2. 在父组件中使用ImageEditor组件并进行渲染。

import React from 'react';
import ImageEditor from './ImageEditor';

function App() {
  return (
    

      
编辑器集成图像
      
    
  );
}

export default App;

在上面的示例中，ImageEditor组件包括一个切换方向的按钮和一个文件输入框，用于选择要编辑的图像文件。当用户选择一个图像文件后，它会被加载并显示在页面上。点击切换方向按钮时，图像的展示方向会在横屏和竖屏之间切换。