Arrays 带有onClick的ReactJS调用方法不'；我不能完全工作

因此，我正在ReactJS中进行排序可视化。
我有一个名为“bubbleSort”的方法，它将遵循bubble排序算法对数组进行排序。
我在屏幕上生成并可视化了一个名为“数组”的数组。
现在当我使用

<button onClick={bubbleSort(array)}>Click here to sort</button>

---

然后像这样调用按钮

单击此处进行排序

，它将对数组进行排序，但屏幕上的可视化数组保持不变（随机），并且没有正确显示（排序）。我被卡住了，不知道该怎么办。非常感谢您抽出时间来帮助我。

欢迎使用StackOverflow，我认为您应该使用下面的模式调用函数

<button onClick={() => bubbleSort(array)}>Click here to sort</button>

bubbleSort（数组）}>单击此处进行排序

请添加console.log语句的输出。

bubbleSort

做什么？什么是

数组

？@PaulMichaels console.log的输出是排序后的数组。例如，我有一个类似[5,4,6,2,1]的数组。console.log将是[1,2,4,5,6]@Aron bubbleSort是一个函数，它将数组从随机到最小再到最大排序。数组是一个类似于[5,4,6,2,1]的随机数组，在屏幕上显示为彩色条形图

Array

状态变量？道具？

bubbleSort

是使用状态设置程序更新状态，还是只是尝试在适当的位置对数组进行变异？谢谢，我试过了，但没有效果如果你像这样尝试

bubbleSort（[2,1,3]）}>单击此处进行排序

<button onClick={() => bubbleSort(array)}>Click here to sort</button>