如何在类组件中添加一行两个功能组件？

import React, { Component } from 'react';
import './App.css'; // 引入CSS文件

// 假设这是你的两个功能组件
class FeatureComponent1 extends Component {
  render() {
    return <div className="feature">Feature 1</div>;
  }
}

class FeatureComponent2 extends Component {
  render() {
    return <div className="feature">Feature 2</div>;
  }
}

class App extends Component {
  render() {
    return (
      <div className="app">
        <div className="feature-container">
          <FeatureComponent1 />
          <FeatureComponent2 />
        </div>
      </div>
    );
  }
}

export default App;

.feature-container {
  display: flex; /* 启用Flexbox布局 */
}

.feature {
  flex: 1; /* 让两个子组件平分空间 */
  margin: 10px; /* 添加一些间距 */
}