使用react重新排序将函数传递给子组件

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const [data, setData] = useState([1, 3, 2, 5, 4]);

  const handleSort = () => {
    const sortedData = [...data].sort((a, b) => a - b);
    setData(sortedData);
  };

  return (
    <div>
      <button onClick={handleSort}>排序</button>
      <ChildComponent sortFunction={handleSort} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent({ sortFunction }) {
  return (
    <div>
      <button onClick={sortFunction}>调用排序函数</button>
    </div>
  );
}

export default ChildComponent;