gpt4 book ai didi

javascript - ESLint prefer-arrow-callback on array.map

转载 作者:可可西里 更新时间:2023-11-01 02:30:40 26 4
gpt4 key购买 nike

import React from 'react';

export default class UIColours extends React.Component {
displayName = 'UIColours'

render() {
const colours = ['black', 'red', 'white', 'orange', 'green', 'yellow', 'blue', 'darkblue', 'lilac', 'purple', 'darkPurple'];
return (
<div className="ui-colours-container row bg-white">
<div className="col-md-16 col-xs-16 light">
<div className="color-swatches">
{colours.map(function(colour, key) {
return (
<div key={key} className={'strong color-swatch bg-' + colour}>
<p>{colour}</p>
</div>
);
})}
</div>
</div>
</div>
);
}
}

12:26 error Unexpected function expression prefer-arrow-callback

我查看了 map 文档,找不到多参数的好例子。

最佳答案

该 ESLint 规则的出现是因为您有一个匿名函数作为回调,所以它建议您改用箭头函数。要将多个参数与箭头函数一起使用,您需要将参数用括号括起来,例如:

someArray.map(function(value, index) {
// do something
});

someArray.map((value, index) => {
// do something
});

一如既往,the MDN docs for arrow functions对可以与箭头函数一起使用的变体有非常详细的解释。

或者,您可以禁用该 ESLint 规则或更改它,以便它不会对命名回调发出警告。该 ESLint 规则的文档是 prefer-arrow-callback .

关于javascript - ESLint prefer-arrow-callback on array.map,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36662405/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com