ReactJS使用onClick调用方法不能完全工作

Question

所以我在ReactJS中做了一个排序可视化。
我有一个名为“bubblesort”的方法，它将遵循气泡排序算法对数组进行排序。
我有一个数组生成并在屏幕上可视化，名为“array”。
现在当我使用

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

它将对数组进行排序，并在每次加载页面时自动更改可视化数组。它不是我想要的，我想让它对数组进行排序，并在我单击按钮时改变可视化。所以我又做了一个这样的方法

function doSort() {
   bubbleSort(array);
   console.log(array);
   }

并像这样调用按钮单击此处排序，它将对数组进行排序，但屏幕上的可视化数组保持不变（随机），并且未正确显示（排序）。我被困住了，不知道该怎么办。非常感谢你抽出时间帮助我。

Answer 1

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

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