如何根据我从请求中获得的顺序对react组件进行动态排序？

import React, { useState } from 'react';

const ComponentList = () => {
  const [components, setComponents] = useState(['ComponentA', 'ComponentB', 'ComponentC']);

  const handleSort = () => {
    setComponents([...components].sort((a, b) => {
      // 根据请求中获得的顺序进行排序
      // 这里假设请求中的顺序是一个数组，例如['ComponentC', 'ComponentA', 'ComponentB']
      const order = ['ComponentC', 'ComponentA', 'ComponentB'];
      return order.indexOf(a) - order.indexOf(b);
    }));
  };

  return (
    <div>
      <button onClick={handleSort}>动态排序</button>
      {components.map((component, index) => (
        <div key={index}>{component}</div>
      ))}
    </div>
  );
};

export default ComponentList;