我尋找了關于這個特定問題的不同博客/文檔，我了解一個方法需要如何綁定才能在渲染函數中使用，但是文檔無法詳細解釋一些事情，函數可以通過不同的方式被傳遞到事件處理程序的是：// call a already bound funciton<button onClick={this.sayHello}>  Click me!</button>// bind in place <button onClick={this.sayHello.bind(this)}>  Click me!</button>// use es6 arrow functions<button onClick={() => alert('hello'))}>  Click me!</button>React 文檔表示，推薦的方法是綁定一個函數，否則該函數將在組件的每次渲染時被調用，并且可能會造成混亂。但是我不知道為什么每次渲染都會調用它。但它不是只有在點擊時才被調用嗎？或者onClick 如何處理或執行在 food 下傳遞的函數？