Я использую ReactJS с Babel и Webpack и используя ES6, а также предлагаемые поля классов для функций стрелок. Я понимаю, что функции стрелок делают вещи более эффективными с помощью не воссоздавая функции, которые каждый рендерит, подобно тому, как работает привязка в конструкторе. Тем не менее, я не уверен на 100%, если я правильно их использую. Ниже приведен упрощенный раздел моего кода в трех разных файлах.
Мой код:
Main.js
prevItem = () => {
console.log("Div is clicked")
}
render(){
return (
<SecondClass prevItem={this.prevItem} />
)
}
SecondClass.js
<ThirdClass type="prev" onClick={()=>this.props.prevItem()} />
ThirdClass.js
<div onClick={()=>{this.props.onClick()}}>Previous</div>
Вопрос:
Правильно ли работает мой код выше, используя функцию стрелки? Я заметил, что для SecondClass.js я мог бы также использовать:
<ThirdClass type="prev" onClick={this.props.prevItem} />
Есть ли разница между одним или другим способом, так как я использовал функцию стрелок ES6 в моем первоначальном определении функции? Или я должен использовать синтаксис стрелки до конца моего последнего div?