解构函数调用

Question

假设以下代码：

this.props.myFunction();

EsLint 给出以下错误：

Must use destructuring props assignment  react/destructuring-assignment

虽然现在的代码简洁明了，但如果我还想解构代码，让 EsLint 开心，我该怎么办？

Answer 1

这条规则的 docs 说 props 的属性在使用之前应该被解构，所以就这样做：

const { myFunction } = this.props;
myFunction();