更好的jsx条件来排序组件

import React from 'react';

const ComponentA = () => <div>Component A</div>;
const ComponentB = () => <div>Component B</div>;
const ComponentC = () => <div>Component C</div>;

const App = ({ condition }) => {
  let sortedComponents;

  if (condition === 'A') {
    sortedComponents = [<ComponentA key="A" />, <ComponentB key="B" />, <ComponentC key="C" />];
  } else if (condition === 'B') {
    sortedComponents = [<ComponentB key="B" />, <ComponentA key="A" />, <ComponentC key="C" />];
  } else if (condition === 'C') {
    sortedComponents = [<ComponentC key="C" />, <ComponentA key="A" />, <ComponentB key="B" />];
  }

  return <div>{sortedComponents}</div>;
};

export default App;