箭头功能或带绑定的法线功能（最佳做法）

Question

我确实使用这两种方法编写代码，但是我想清楚一下两者之间是否有区别 如果是的话，最好使用哪一种。 （这是最佳做法，为什么？）还是没有区别 在这些之间？

在循环中使用Arrow函数是否会对性能产生影响？

当我们将箭头函数处理程序向下传递到子组件（在循环中创建）时，这是否会影响性能？

默认情况下，我可以坚持使用箭头功能吗？

箭头功能：

renderPage = () => {
        this.props.pdfData.getPage(this.props.pdfPageNumber).then(
            this.handlePages();
        );
    }

具有绑定的正常功能：

constructor(){
 super();
 this.groupChange = this.groupChange.bind(this); 
}

groupChange = (selectedOption: any) => {
        this.setState({ selectedGroup: selectedOption });
        if (selectedOption) {
            console.log(`Selected: ${selectedOption.label}`);
        }
    }